当我在手机上运行此代码时，响应本机错误

Question

这是使用expo在手机中运行代码时得到的结果

<< img src =“ https://image.soinside.com/eyJ1cmwiOiAiaHR0cHM6Ly9pLnN0YWNrLmltZ3VyLmNvbS9FNEdUTS5qcGcifQ==” alt =“在此处输入图像描述”>

这是应用程序的代码

    import React from 'react';
    import { Teext, StyleSheet } from 'react-native';`enter code here`

    const ComponentsScreen = () => {
    return <Text style={styles.textStyle}> Hello World! </Text>
    };
    const styles = StyleSheet.Create({
    textStyle: {
               fontsize: 30
          } 
    });
     export default ComponentsScreen;

这是我运行的代码，我不知道错误是什么。

Answer 1

import { Teext, StyleSheet } from 'react-native';`enter code here`

它应该是Text而不是Teext，您需要将其包装到View Parent中

const ComponentsScreen = () => {
    return(
<View>
 <Text style={styles.textStyle}> Hello World! </Text>
</View>
)
    };

这样做，欢迎使用React Native！

Answer 2

与上述相同，只是通过导入View组件来更新代码片段。

import React from 'react';
import { View, Text, StyleSheet } from 'react-native';`enter code here`

const ComponentsScreen = () => {
    return ( 
        <View>
            <Text style={styles.textStyle}> Hello World! </Text>
        </View
    );
}

const styles = StyleSheet.Create({
    textStyle: {
       fontsize: 30
    } 
});

export default ComponentsScreen;