我想在屏幕的底部放一个白色的条，它会占据所有的宽度.为此，我考虑将absolute定位与继承的flexbox参数一起使用.
使用下面的代码，它会呈现大约this.
以下是我的代码:
var NavigationBar = React.createClass({
render: function() {
return(
<View style={navigationBarStyles.navigationBar}>
//Icon 1, Icon 2...
</View>
);
}
});
var Main = React.createClass({
render: function() {
return(
<View style={mainStyles.container}>
<NavigationBar />
</View>
);
}
});
var mainStyles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#456783',
}
});
var navigationBarStyles = StyleSheet.create({
navigationBar: {
backgroundColor: '#FFFFFF',
height: 30,
position: 'absolute',
flexDirection: 'row',
bottom: 0,
justifyContent: 'space-between'
},
});
我不熟悉CSS中的样式，但不是所有属性都在React Native中可用.因此，感谢您的帮助:)