React Native报错：Failed to construct 'Text'，添加Stack.Navigator后触发

这个错误的核心原因是你把React Native的Text组件当成普通函数调用了（比如Text('文本内容')），而没有按照JSX组件的方式使用（<Text>文本内容</Text>），和全局冲突关系不大。

具体排查步骤 #

• 优先检查MoneyScreen组件的代码：这是你新增栈屏幕后才触发的错误，大概率是这个组件内部存在错误的Text使用方式。比如找有没有类似这样的代码：

  // ❌ 错误写法
  return Text('收益数据');
  // ✅ 正确写法
  return <Text>收益数据</Text>;
  

• 顺便修正当前组件的导入问题：你代码里写的textInput是小写的，React Native的输入组件是TextInput，需要改成大写开头，避免后续出现其他异常。

额外适配建议 #

因为是在底部弹窗里嵌套导航，建议给栈屏幕添加隐藏默认导航栏的配置，适配弹窗的视觉场景：

<Stack.Navigator initialRouteName="Money">
  <Stack.Screen 
    name="Money" 
    component={MoneyScreen} 
    options={{ headerShown: false }} 
  />
</Stack.Navigator>

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