位置图像位于屏幕底部,整个宽度带有薄边距

时间:2016-07-03 15:10:05

标签: react-native flexbox

我试图在屏幕底部放置一个图像,我希望按钮的宽度始终是整个屏幕减去一个很小的边距。

我的屏幕由3个部分组成,顶部是View,中间是ScrollView,底部是按钮。它们都存在于一个叫做容器的视图中。

Container有flex 8,另外两个视图分别有flex 1和flex 5。

底部的图像存在于自己的视野中。

imageView: {
  flex:2,
},
Image: {
  margin:1,
},

我尝试了很多东西,包括resizeMode包含的样式,以及尝试让它工作的其他东西,但我无法获得我正在寻找的效果

1 个答案:

答案 0 :(得分:1)

如果你可以在这里发布你的渲染方法和样式会更有帮助,但这通常可以通过使用position:'absolute'样式属性来实现。底部:0意味着它将坚持到底部和左边:1和右边:1将在两边给它一个1的边距。

  bottomImage: {
  position: 'absolute',
  bottom: 0,
  right: 1,
  left: 1,
  height: 50,
},