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 בתוך השורה.