React Native报错：文本需在<Text>组件中渲染，请求排查

你碰到的Error: Text strings must be rendered within a <Text> component错误，是因为SafeAreaView标签内部存在未被包裹的空格文本。

看你代码里的这段代码：

<SafeAreaView style={styles.rootScreen}> {screen} </SafeAreaView>

{screen}前后的空格会被React Native判定为独立的文本节点，而这些文本没有被<Text>组件包裹，这直接违反了React Native的渲染规则——所有文本内容必须放在<Text>组件内部。

直接删除SafeAreaView标签内的多余空格，修改后的代码如下：

<SafeAreaView style={styles.rootScreen}>{screen}</SafeAreaView>

既然你已经确认自定义组件内的文本都正确使用<Text>包裹，那么问题就只出在这个外层的游离空格上。修改后，SafeAreaView内仅包含React组件，没有未被处理的文本节点，错误即可解决。

内容的提问来源于stack exchange，提问作者user21519232