TX004

<Text> içine yerleştirilmiş <Box>

Konsol

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

Nedeni

<Text> bir satır içi metin dizisinin yerleşimini düzenler; Flexbox kapsayıcısı içeremez. Bir <Text> içinde bir <Box> (veya <Spacer> ya da <Divider> gibi onu render eden bir bileşen) render edildi.

Çözümü

<Box> bileşenini dışarı taşıyın ve kardeş metin öğelerini bir satırda yan yana yerleştirin:

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

İç içe <Text> kullanılabilir; satır içi span olarak render edilir.