使用类组件的 React Native 应用程序中的文本值不会更改

Text value doesn't change in React Native app using Class Component

提问人:nadinCodeHat 提问时间:12/25/2021 更新时间:1/21/2023 访问量:87

问:

我有这个 react native 应用程序,它首先显示初始屏幕并加载主屏幕。示例主屏幕将文本显示为“演示显示”,我想将其更改为“文本已更改!我正在使用有状态类组件。但是每次我尝试重新启动/重新安装/调试应用程序时,文本都与“演示显示”相同。我该如何解决这个问题?

App.js

import React,{ Component } from 'react'
import { View, Text } from 'react-native'
import SplashScreen from 'react-native-splash-screen'

export default class App extends Component {

  componentDidMount() {
      SplashScreen.hide();
  }

  render() {
    return (
      <View>
        <Text>Text Changed!</Text>
      </View>
    );
  }
}

这是应用的屏幕截图

javascript reactjs 反应原生

评论


答:

2赞 Muhammad Affan Aijaz 12/25/2021 #1

您的文本显示在屏幕上,但它不会替换默认文本。 给你的主视图一些样式,你会在那里看到你的文本。 尝试

<View style={{justifyContent: 'center',alignItems: 'center'}}>
  <Text>Text Changed!</Text>
</View>