TX004
<Text> کے اندر نیسٹ شدہ <Box>
کونسول
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 کے طور پر رینڈر ہوتا ہے۔