TX004

تداخل <Box> داخل <Text>

وحدة التحكم

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

سبب حدوثه

ينسّق <Text> سلسلة من النصوص المضمّنة؛ ولا يمكنه احتواء حاوية Flexbox. عُرض <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 مضمّن.