TX004

<Box> 嵌套在 <Text> 内

控制台

Text.js error TX004: <Box> cannot be nested inside <Text>.

发生原因

<Text> 用于布局一段行内文本,不能包含 Flexbox 容器。<Box>(或渲染 <Box> 的组件,如 <Spacer> 或 <Divider>)在 <Text> 内渲染了。

修复方法

将 <Box> 移到外部,把同级文本并排放在一行中:

// Before<Text>  Status: <Box><Text color="green">ok</Text></Box></Text>// After<Box flexDirection="row">  <Text>Status: </Text>  <Text color="green">ok</Text></Box>

可以嵌套 <Text>,它会渲染为行内 span。