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