React Native 为什么我的文本没有在文本组件中呈现?

mgdq6dx1  于 2022-12-19  发布在  React
关注(0)|答案(2)|浏览(181)

我是React Native的新手,遇到以下错误消息:
第一个月
这是我的组件:

import React from "react";
import { Text, StyleSheet, View, Button } from "react-native";

const HomeScreen = () => {
  return (
  <View>
    <Text style={styles.text}>Hey!</Text>
    <Button title='Go components demo'/>
  </View>
  );
};

const styles = StyleSheet.create({
  text: {
    fontSize: 30,
  },
});

export default HomeScreen;

我的字符串被 Package 在一个文本组件中,错误消息仍然存在。我没有看到任何打字错误或做错了什么吗?

falq053o

falq053o1#

您的错误可能是应用中的其他地方。测试此问题的一种方法是注解掉应用组件中的组件或主屏幕组件被调用的位置。更有可能的是,无论您在何处安装主屏幕,都存在无关文本。可能是您在删除样板代码时遗漏了某些内容。

7xllpg7q

7xllpg7q2#

为视图指定一定的宽度和高度,或者尝试指定1:希望有帮助。

<View style = {{flex:1}}>
    <Text style={styles.text}>Hey!</Text>
    <Button title='Go components demo'/>
  </View>

<View style = {{width:'100%',height:'100%'}}>
    <Text style={styles.text}>Hey!</Text>
    <Button title='Go components demo'/>
  </View>

相关问题