为什么我在Android模拟器中刷新代码有这么多问题

Question

所以上周我刚刚开始学习使用 React Native 进行应用程序开发，因此我开始使用 Android Studio 模拟器来运行我的应用程序。我注意到当我在模拟器上运行应用程序时，它似乎没有正确刷新代码。例如，我按照教程制作了这个非常简单的应用程序：

import React from 'react';
import { Text, View, Platform } from 'react-native';
import {Button} from 'native-base';

export default class App extends React.Component {
  render() {
    return (
      <View style={styles.container}>
        <Text>Testing 12321</Text>
        <Button><text>Hello World!</text></Button>
      </View>
    )
  }
}

const styles = {
  container: {
    flex: 1,
    marginTop: 24
  }
}

但是当我第一次创建它时，在教程中，讲师忘记将 Text 标签放在按钮中，所以当我运行应用程序时，我收到了以下错误：

Text strings must be rendered within a <Text> component.
- node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:4137:14 in <anonymous>
- node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:4134:2 in createTextInstance
- node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:15909:12 in completeWork
- node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:19409:28 in completeUnitOfWork
- node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:19380:30 in performUnitOfWork
- node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:19347:39 in workLoopSync
- node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:18997:22 in renderRoot
* [native code]:null in renderRoot

并且它一直在继续。然后在教程中，讲师注意到了错误并通过在按钮中添加标签来修复它，但是当他这样做时，应用程序正确刷新并显示了按钮，但对我来说，我仍然遇到同样的错误。我注意到模拟器经常发生这种情况，它不喜欢在打开新应用程序或更改应用程序时正确刷新。我现在已经删除并重新创建了 5 次或更多次模拟器来测试不同的应用程序。有没有人建议如何解决这个问题？提前致谢！

Answer 1

将您的<text> 更改为<Text>，如下所示。

<View style={styles.container}>
   <Text>Testing 12321</Text>
   <Button><Text>Hello World!</Text></Button>
</View>

请不要怀疑。