当我在手机中运行此代码时反应本机错误

时间:2020-05-20 16:39:40

标签: javascript reactjs react-native react-native-android

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

enter image description here

这是应用程序的代码

    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;

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

1 个答案:

答案 0 :(得分: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!