反应原生-定位图像在屏幕的底部,整个宽度与细边距



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

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

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

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

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

我已经尝试了很多东西,包括样式,包括resizeMode包含,和其他的东西,试图让它的工作,但我只是不能得到的效果,我正在寻找

如果你能在这里发布你的渲染方法和样式会更有帮助,但这通常可以通过使用position: 'absolute'样式属性来实现。Bottom: 0表示它会贴在底部,left: 1表示它会贴在底部,right: 1表示它会在两边都设置1的边距。

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

最新更新