React native android的绝对位置

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

带预览的示例代码可在此处找到：

请检查iOS和android

这是我想要创建的布局。

---

我建议将橙色按钮留在卡容器外部，并使用设备高度的绝对位置来定位它，您也可以对卡容器执行相同操作，以使按钮在任何设备上与卡容器相关的相同位置

前。

---

顶部：尺寸。获取（'window'）。高度/8

我根据您在此处给出的示例代码创建了一个新的

Expo

项目：

在

绝对视图

组件上，添加另一个

视图

以处理显示屏：

<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>

//添加borderColor，否则android上的屏幕看起来会很奇怪（我不知道为什么）
{卡片、行、标题和内容样式视图}
console.log（'Pressed'）}
styleButton={styles.loginBtn}
/>

而

按钮

组件I将

底部：-20

更改为

顶部：宽度/3，

布局如下所示：

Android:

iOS:

---

嗯。你能试着在我提供的零食中演示一下吗？

绝对

位置似乎对android没有影响。将其从卡片视图中删除，它不工作，因为它基于卡片视图。我无法删除卡片视图。我被提供了这个设计，并且必须完全按照它来做。你不必移除它，你只需将按钮放在卡片视图之外