react-native – android的绝对位置

发布时间：2020-12-15 16:15:30 所属栏目：百科来源：网络整理

导读：我正在尝试创建一个看起来像附加图片的屏幕.我使用的样式代码仅适用于iOS,但不适用于 Android. 可以在此处找到带预览的示例代码：https://snack.expo.io/@tushark/absolute-android 请检查iOS和Android. 这是我想要创建的布局. 解决方法我从这里给出的示例

我正在尝试创建一个看起来像附加图片的屏幕.我使用的样式代码仅适用于iOS,但不适用于 Android.

可以在此处找到带预览的示例代码：https://snack.expo.io/@tushark/absolute-android

请检查iOS和Android.

这是我想要创建的布局.

enter image description here

解决方法

我从这里给出的示例代码创建了一个新的Expo项目： https://snack.expo.io/S1yDf4Q47

在AbsoluteView组件上添加另一个View来处理显示屏幕：

<View style={styles.container}>
  <View style={{borderColor:'transparent'}}> // add borderColor,or the screen looks weird on android (i don't know why)
    {View of card,row,title and content styles}
  </View>
  <OrangeButton
      label="CONFIRM"
      onPress={() => console.log('Pressed')}
      styleButton={styles.loginBtn}
  />
</View>

和按钮组件我改变底部：-20到顶部：宽度/ 3,

和布局看起来像：

Android：

Android

iOS版：

iOS

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!