Filas con divisores:
{
"type": "stack",
"props": {
"background": "surface",
"corner_radius": 12,
"fill_width": true
},
"children": [
{
"type": "nav_row",
"props": {
"action": {
"type": "navigate",
"target": "treceui/text"
},
"icon": "text",
"title": "Primera fila"
}
},
{
"type": "divider"
},
{
"type": "nav_row",
"props": {
"action": {
"type": "navigate",
"target": "treceui/icon"
},
"icon": "star",
"title": "Segunda fila"
}
},
{
"type": "divider"
},
{
"type": "nav_row",
"props": {
"action": {
"type": "navigate",
"target": "treceui/stack"
},
"icon": "layout",
"title": "Tercera fila"
}
}
]
}
sale esto:
El divider solo, cuando dos zonas necesitan aire:
{
"type": "stack",
"props": {
"spacing": 12
},
"children": [
{
"type": "text",
"props": {
"content": "arriba",
"style": "body"
}
},
{
"type": "divider"
},
{
"type": "text",
"props": {
"content": "abajo",
"style": "body"
}
}
]
}
sale esto:
arriba
abajo