React Native中的绝对和Flexbox
我想把一个白色的酒吧，将采取在屏幕底部的所有宽度。 为此，我考虑了使用absolute定位和inheritance的flexbox参数。
随着下面的代码呈现这样的东西。
这是我的代码：
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中使用。 所以任何帮助表示赞赏，谢谢:)
好的，解决了我的问题，如果有人在这里经过是答案：
只需要添加left: 0,和top: 0,风格，是的，我累了。
position: 'absolute', left: 0, top: 0,
第一步是添加
position: 'absolute',
那么如果你想要的元素全宽，添加
left: 0, right: 0,
那么，如果你想把元素放在最下面，添加
bottom: 0, // don't need set top: 0
如果要将元素放置在顶部，则用顶部replacebottom: 0 top: 0
