如何在页面底部对齐视图而不使其依赖于其他视图

时间:2018-12-10 06:42:05

标签: react-native react-native-flexbox

我希望不使用justifyContent属性的“空格”将视图工具栏对齐到页面底部。

View toolbar which needs to be aligned at the bottom

下面是我制作此工具栏的代码:

    <View style={{ height: '100%', justifyContent: 'space-between', }}>

    <View style={{ flexDirection: 'row', height: 44,
     alignItems: 'center', justifyContent: 'space-around', 
     backgroundColor: 'yellow'}}>

       <Image source={require('./resources/images/grid.png')}/>
        <Image source={require('./resources/images/grid.png')}/>
        <Image source={require('./resources/images/grid.png')}/>
        <Image source={require('./resources/images/grid.png')}/>
        <Image source={require('./resources/images/grid.png')}/>

    </View>
    </View>

1 个答案:

答案 0 :(得分:0)

我查看了底部和位置属性。当我在内部视图样式中添加bottom:0,position:'absolute'时,我们还需要指定宽度。 (不知道为什么相对允许自动采用全角)。但是,如果我们添加{底部:0,位置:“绝对”,宽度:“ 100%”),则内部视图将始终在底部对齐。像下面一样

 #if url_scheme == '':

 if len(url_scheme) <= 1: