我开始探索使用 React Native 构建移动应用程序,即使在经历了许多教程之后,我也在运行重复的问题。
我通过 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 应用程序(热重载并不总是有效(以查看应用程序中的新代码更改,而不是构建一些新功能。
我是否做了什么根本性的错误(例如使用错误的开发工具(?
如果你看一下AppDelegate.m
你会看到rootView的颜色设置如下
rootView.backgroundColor = [UIColor blackColor];
这会将默认颜色设置为黑色,您可以将其更改为所需的任何颜色。
但是,它不会影响您在Android上所做的任何事情,因此最好仅在视图中设置背景颜色。