将“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里面。Modal会占用整个屏幕。和其他内容的模式内容放置在交叉点旁边作为兄弟。：

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