本地反应-一个新的应用程序只显示一个黑屏。如何调试?

我开始探索用react native和running构建移动应用程序,甚至在学习了许多教程之后,也开始重复这些问题。

我通过 react-native init MyApp 命令-我注意到 App.js 文件包括以下样式定义:

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
  },
  welcome: {
    fontSize: 20,
    textAlign: 'center',
    margin: 10,
  },
  instructions: {
    textAlign: 'center',
    color: '#333333',
    marginBottom: 5,
  },
});

但是,如果我决定只使用

export default class App extends Component {
  render() {
    return (
      <View>
        <Header />
      </View>
    );
  }
}

我只在模拟器中得到一个黑屏-要“看到”一些东西,我需要添加样式定义,如下所示:

<View style={styles.container}>
  <Header />
</View>

如何避免总是为指定样式定义 <View> ?默认设置是屏幕背景为黑色还是忽略某些内容?

到目前为止-开发非常混乱和困难,我花了整个下午的时间重新启动iOS应用程序(热重新加载并不总是有效),以查看应用程序中的新代码更改,而不是构建一些新功能。

我是否做了一些根本错误的事情(比如使用了错误的开发工具)?