错误：文本字符串必须在<Text>组件中渲染

Question

我刚刚开始一个新的反应本机项目与博览会，我创建了不同的屏幕，并将导航添加到应用程序，js。但我的博览会已经显示了一个错误，内容为“错误：文本字符串必须在组件内呈现。”。它还说：

此错误位于： 在div（由文本创建）中 在 LocaleProvider 中（由 Text 创建） 在文本中（位于 Inicio.js:6） 在 Inicio 中（位于 SceneView.tsx:132） 在静态容器中 在 EnsureSingleNavigator 中（位于 SceneView.tsx:124）

所以我不知道该怎么做，页面中的小文本位于文本组件之间（如“页面名称”）

这是App.js：

import { StatusBar } from 'expo-status-bar';
import { StyleSheet, Text, View } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import 'react-native-gesture-handler';
import { createStackNavigator } from '@react-navigation/stack';
import Inicio from './pages/Inicio';
import Instrucciones from './pages/Instrucciones';
import Juego from './pages/Juego';
import Puntaje from './pages/Puntaje';


const Stack = createStackNavigator();

export default function App() {
  return (
    <NavigationContainer>
      <Stack.Navigator>
        <Stack.Screen
          name='Inicio'
          component={Inicio}
          options={{
            headerShown: false,
          }}
        />
         <Stack.Screen
          name='Instrucciones'
          component={Instrucciones}
          options={{
            headerShown: false,
          }}
        />
         <Stack.Screen
          name='Juego'
          component={Juego}
          options={{
            headerShown: false,
          }}
        />
         <Stack.Screen
          name='Puntaje'
          component={Puntaje}
          options={{
            headerShown: false,
          }}
        />
      </Stack.Navigator>
    </NavigationContainer>
  );
}

而且每一页都是这样写的：

import React from 'react'
import { StyleSheet, TouchableOpacity, Text, View } from 'react-native-web'

export default function Inicio() {
  return (
    <Text>Inicio</Text>
  )
}


const styles = StyleSheet.create({

})

我尝试更改页面布局，使用文本，使用视图，尝试重新安装 Expo，重新启动 VSC，但它一直显示该错误

Answer 1

简单哥们，用react-native替换react-native-web