Question

我正在为按钮应用某种样式。动机是按钮应与父对象底部对齐，并从底部有一些边距或填充。

所以我应用了以下样式

bottomView: {
  width: '85%',
  height: 50,
  marginLeft: 10,
  marginRight: 10,
  borderRadius: 5,
  flexDirection: 'row',
  backgroundColor: ColorConstants.COLOR_BUTTON,
  justifyContent: 'center',
  alignItems: 'center',
  alignSelf: 'center',
  position: 'absolute',
  bottom: 25
}

我已经在Android设备上检查过，iPhone模拟器运行正常。但这不适用于iPhone X模拟器。

有什么建议吗？

Answer 1

您必须提及，它在SafeAreaView中：

<SafeAreaView style={{flex: 1, backgroundColor: '#fff'}}>
// Your Code//
</SafeAreaView>

React-Native，无法在iPhone X底部对齐按钮

1 个答案: