javascript - React Native 模态选择器中的全屏

Question

目前，我正在使用react-native-modal-selector库。问题是当它显示时不显示全屏模式？相反，它在屏幕截图中显示如下。底部和顶部的两个按钮可以看到一些文本边缘。

我尝试改变风格并过度设计 Prop 。全屏仍然无法正常工作

我的模态选择器

<ModalSelector
           data={states}
           initValue="Select something yummy!"
           keyExtractor= {item => item.id}
           labelExtractor= {item => item.nameRu}
           style={styles.modalSelectorMain}
           overlayStyle={styles.modalSelector}/>

我的风格:

  modalSelector: {
          height: '100%',
          backgroundColor: 'green'
    },
  modalSelectorMain:{
      flex:1,
      backgroundColor: 'white'
    },

Answer 1

尝试将其高度设置为屏幕高度。

 modalSelectorMain:{
      flex:1,
      height: Dimensions.get('window').height
      backgroundColor: 'white'
    },