Css 视图底部中心的“居中”按钮

我正在尝试将“下一步”按钮放在页面底部的中心位置。它不在页面的底部，而是贴在页面的中间。有什么帮助吗

屏幕截图：

导出默认类类型扩展组件{
建造师（道具）{
超级（道具）
此.state={
已选择：“用户”
}
}
_选择（已选）{
this.setState（{selected}）
}
_渲染按钮（类型、照片、宽度、高度、按钮样式）{
const{selected}=this.state
如果（选定===类型）
返回(
这个。_选择（类型）}>
)
返回(
这个。_选择（类型）}>
)
}
_renderText（文本、类型、文本样式）{
const{selected}=this.state
如果（选定===类型）
返回{text}
返回{text}
}
render（）{
返回(
你是谁？
{这个。_renderButton（'user'，boy，64，64，{top:15，left:20}）}
{这个。_renderButton（'狂欢节'，票，72，72，{顶部：10，左侧：15}）}
{this._renderText（'Attendee'，'user'，{left:-12}）}
{这个。_renderText（'狂欢节'，'狂欢节'，{左：8}）}
下一步
)
}
}
const styles=StyleSheet.create({
容器：{
弹性：1
},
问题:{
paddingTop:'30%'，
textAlign:'中心'，
颜色：“#ccc”，
尺寸：24，
marginBottom:30
},
按钮：{
弹性：1，
flexDirection:'行'，
为内容辩护：“中心”
},
按钮：{
宽度：宽度/3，
高度：宽度/3，
边界半径：（宽度/3）/2，
边框宽度：1，
边框颜色：“#e6”，
边缘左：10，
marginRight:10
},
按钮照片：{
位置：'相对'
},
按钮选择：{
宽度：宽度/3，
高度：宽度/3，
边界半径：（宽度/3）/2，
边框宽度：1，
边框颜色：'#ff9972'，
边缘左：10，
marginRight:10
},
文本：{
弹性：1，
flexDirection:'行'，
为内容辩护：“中心”，
加油站：12
},
正文：{
宽度：宽度/3，
颜色：“#b5”，
textAlign:'中心'，
},
text已选择：{
颜色：“#ff9972”
},
下一按钮：{
位置：'绝对'，
左：（宽度/1.5）/2，
底部：5，
paddingTop:10，
背景颜色：“#ff6b5d”，
宽度：宽度/1.5，
身高：48，
边界半径：5，
边界宽度：2，
borderBottomColor:“#de5244”，
},
下一步：{
尺寸：16，
颜色：“#fff”，
textAlign:“中心”
}
})

这几个小时来一直给我带来麻烦。寻找专业开发人员使用的简单解决方案

忽略： 看起来你的帖子大部分都是代码；请添加更多详细信息。 看起来你的帖子大部分都是代码；请添加更多详细信息。 看起来你的帖子大部分都是代码；请添加更多详细信息。 看起来你的帖子大部分都是代码；请添加更多详细信息。

您可以在

的内部使用

，而不是使用

作为父级，并具有类似于以下结构的内容

<View>
<ScrollView style={{flex:1}}>
{/*All of your screen */}
</ScrollView>
<View>
<TouchableOpacity style={ styles.nextButton }>
                    <Text style={ styles.nextText }>
                        Next Step
                    </Text>
</TouchableOpacity>
</View>
</View>

{/*您的所有屏幕*/}
下一步

按钮将始终位于页面底部。

您可以在

的内部使用

，而不是使用

作为父级，并具有类似于以下结构的内容

<View>
<ScrollView style={{flex:1}}>
{/*All of your screen */}
</ScrollView>
<View>
<TouchableOpacity style={ styles.nextButton }>
                    <Text style={ styles.nextText }>
                        Next Step
                    </Text>
</TouchableOpacity>
</View>
</View>

{/*您的所有屏幕*/}
下一步

---

按钮将始终位于页面底部。

请将代码放入stackblitz fork和post link：请将代码放入stackblitz fork和post link：