TX004

<Box> внутри <Text>

Консоль

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

Причины

<Text> размещает фрагмент строчного текста; он не может содержать контейнер Flexbox. Внутри <Text> был отрендерен <Box> (или компонент, который его рендерит, например <Spacer> или <Divider>).

Способы исправления

Вынесите <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.