React Native Modal Selector中的全屏显示

Posted 2021-04-10

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

我试图更改样式和过大的道具。仍无法全屏显示

我的模态选择器

<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'
    },

答案

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