假设这是布局:

<View style={styles.container}>
    <View style={styles.titleWrapper}>
        ...
        ...
    </View>
    <View style={styles.inputWrapper}>
        ...
        ...
    </View>

    <View style={styles.footer}>
        <TouchableOpacity>
            <View style={styles.nextBtn}>
                <Text style={styles.nextBtnText}>Next</Text>
            </View>
        </TouchableOpacity>
    </View>
</View>

我想使视图与页脚样式定位在屏幕底部.我try 将alignSelf属性赋予页脚,但它没有将其定位在底部,而是将其定位在屏幕的右侧.我怎样才能使页脚项目坚持到最后呢?谢谢.

推荐答案

在Reaction Native中,默认值flexDirectioncolumn(与CSS中的值row不同).

因此,在flexDirection: 'column'中,横轴是水平的,alignSelf在左/右方向工作.

要将页脚固定到底部,请对容器应用justifyContent: 'space-between'

Css相关问答推荐

当面板以Angular 上升时如何定位下拉面板

如果 css 仅位于 razor 页面中的一页上,我是否仍应在 wwwroot 中写入或仅将其放在页面上?

为什么align-content:start应用于单行项目?

在网格中整齐地对齐项目

将重复的线性渐变锚定到元素的顶部

带插值的 Sass 数学函数

我可以拆分我的 CSS / SASS webpack 加载器规则,还是它们需要成为一个大规则?

如何在父叠加层之上呈现子子

n 个元素的 CSS 关键帧动画

对齐视图中的复选框(RN)

您如何设置 Google Places Autocomplete API 的下拉菜单样式?

固定元素在 Chrome 中消失

在 CSS 或 JavaScript 中反转图像的 colored颜色

纯 CSS 滚动动画

CSS - 在 id 中 Select 类的语法

如何在不使用浮动的情况下垂直对齐 div?

iPhone X / 8 / 8 Plus CSS 媒体查询

有没有办法让字段集的宽度与它们中的控件一样宽?

Bootstrap 4:导航内的多级下拉菜单

使用 CSS 使 span 不可点击