Javascript 使用React native modal形成适当的对话框或类似警报的框并设置其样式

我想在react native modal的帮助下创建一个通用对话框。 我制定了以下代码：

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

但是模态对话框占用了整个屏幕

我还尝试编辑代码以：

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

你好，世界！

删除模式中的样式。

---

但结果还是一样

react native的内置模式有时很难定制。有一个很棒的图书馆，我已经用了很多次了。请参阅。

有时很难定制

react native

的内置模式。有一个很棒的图书馆，我已经用了很多次了。请参见。

我使用了react-native模式，为了部分显示模式，我所做的是，高度为100，因此您可以对高度进行剪切

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

---

现在，再试一次。让我知道这是否有效。因为它对我有用。否则我会修改它。

我使用了react-native模式，为了部分显示模式，我所做的是，高度为100，所以你可以对高度进行剪切

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

---

现在，再试一次。让我知道这是否有效。因为它对我有用。否则我会更改它。

您是否尝试使用

宽度：高度/3

高度：高度/3从

维度

库的

反应本机

获取高度。您还可以检查

模式

的

呈现样式

道具。有关更多信息，请参见。此模式的类型是什么？我的意思是这是react-native默认模式还是react-native社区的模式还是其他模式？@KishanBharda这是react-native默认模式modal@avanikothari好的，尝试一下。您是否尝试过使用

宽度：高度/3

高度：高度/3

从

维度

库中获取高度。您也可以检查

presentationStyle

Modal的道具。有关更多信息，请参见。此模式的类型是什么？我的意思是这是react-native默认模式还是react-native社区的模式还是其他模式？@KishanBharda这是react-native默认模式modal@avanikothari好的，试试看