你在这里。看看这个问题与其他知识怎样相连。
选择节点前往页面 · 展开后可留在地图中阅读
一个问题
view:怎样把内容放在一起?
view 负责组织子节点;布局表达它们如何排列。
把任务标题、状态与按钮放在一个 view 里。改变排列方式,仍然可以保留这几个节点的身份。容器不会因此自动成为业务对象,也不会替你授予访问权限。
先认识这些属性
layout 决定子节点的排列:row 横排,column 竖排,grid 按网格安排。它改变这些内容怎样放在一起,不负责改写内容本身。示例中的 size.maxWidth 限制容器宽度。
读一个结构例子
以下摘自源码注册示例。它展示结构,未在本页运行;示例中的路径和动作需要应用提供。
{
"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 才是文字内容变化。
检查一下理解
把任务卡从横排改成竖排,主要改变了什么?
改变了子节点的排列;任务数据与节点身份不必因此改变。