使用 React-native 模态框形成和设置适当的对话框或警告框

Question

我想在 react native modal 的帮助下制作一个通用对话框。 我制作的代码如下：

<Modal isVisible={isModalVisible} style={styles.modalStyle} >                                      
   <Text>Hello World!</Text>                               
</Modal>

下面提到了样式：

const styles = StyleSheet.create({
    modalStyle : {
      top                   : '50%',
      left                  : '50%',
      right                 : 'auto',
      bottom                : 'auto',
      marginRight           : '-50%',

    },
}

但是模态对话框正在消耗整个屏幕！

我还尝试将代码编辑为：

<Modal>
  <View style={{ flex: 1, top: 50%, left: 50%, width: 70%, height : 50% }}>
       <Text>Hello World!</Text>
  </View>
</Modal>

删除 Modal 中的样式。 但还是一样的结果！

Answer 1

react-native的内置模态有时难以定制。 有一个很棒的库，我用过很多次。 看到这个。

Answer 2

我使用了反应原生模态，并部分显示模态，我所做的是，高度为 100，所以你可以削减高度

<Modal isVisible={true} style={{justifyContent: "flex-end"}} >
<View style={{height:100}}>
</View>
</Modal>

现在，尝试一次。 让我知道这是否有效。 因为它对我有用。 否则生病改变它。