TX004
<Box> lồng trong <Text>
Console
Text.js error TX004: <Box> cannot be nested inside <Text>.
Nguyên nhân
<Text> bố trí một đoạn văn bản nội dòng; nó không thể chứa vùng chứa Flexbox. Một <Box> (hoặc component render ra nó, như <Spacer> hay <Divider>) đã render bên trong <Text>.
Cách khắc phục
Di chuyển <Box> ra ngoài và đặt các phần văn bản cùng cấp cạnh nhau trên một hàng:
// Before<Text> Status: <Box><Text color="green">ok</Text></Box></Text>// After<Box flexDirection="row"> <Text>Status: </Text> <Text color="green">ok</Text></Box>Có thể lồng <Text>; nó render thành span nội dòng.