javascript - 将 `CROSS` 放在模态框之外

Question

我使用react-native-modal以及如何CROSS将模态框的外部放置在背景的角落？如果我使用absolute定位，则CROSS在背景层下找到。

      <>
        <TouchableOpacity style={styles.cross}>
          <Image source={CROSS} />
        </TouchableOpacity>
        <Modal>
         {....}
        </Modal>
      </>

const styles = StyleSheet.create({
  cross: {
    position: 'absolute',
    zIndex: 100,
    elevation: 100,
  },
});

Answer 1

您必须在模态框内放置十字。模态占据整个屏幕。而模态内容的其他内容作为兄弟放在旁边。：

<Modal>
  <TouchableOpacity style={styles.cross}>
    <Image source={CROSS} />
  </TouchableOpacity>
 {....}
</Modal>