跳到主要内容
知识地图view:怎样把内容放在一起?ArcBlock 体系

你在这里。看看这个问题与其他知识怎样相连。

选择节点前往页面 · 展开后可留在地图中阅读

知识地图沿着连接,读懂一个问题
← AFS 与界面

一个问题

view:怎样把内容放在一起?

view 负责组织子节点;布局表达它们如何排列。

把任务标题、状态与按钮放在一个 view 里。改变排列方式,仍然可以保留这几个节点的身份。容器不会因此自动成为业务对象,也不会替你授予访问权限。

先认识这些属性

layout 决定子节点的排列:row 横排,column 竖排,grid 按网格安排。它改变这些内容怎样放在一起,不负责改写内容本身。示例中的 size.maxWidth 限制容器宽度。

读一个结构例子

以下摘自源码注册示例。它展示结构,未在本页运行;示例中的路径和动作需要应用提供。

json
{
  "id": "layout-1",
  "type": "view",
  "props": {
    "layout": "row",
    "size": {
      "maxWidth": "800px"
    }
  },
  "children": [
    {
      "id": "t1",
      "type": "text",
      "props": {
        "content": "Left",
        "level": 2
      }
    },
    {
      "id": "t2",
      "type": "text",
      "props": {
        "content": "Right"
      }
    }
  ]
}

读这个例子时,先找 children 中的 t1 和 t2,再看父节点的 layout。把 row 改为 column 是排列变化;改动 t1 的 content 才是文字内容变化。

查看 view 的技术文档。

检查一下理解

把任务卡从横排改成竖排,主要改变了什么?

改变了子节点的排列;任务数据与节点身份不必因此改变。