为什么我在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

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