问题标签 [react-native-modal]

我正在尝试从另一个组件打开一个模式。这是在我的父组件中：

这是我的 OpenModal.js

但是似乎我做错了什么，我试图modalVisible通过使用传递给 OpenModalisModalVisible={modalVisible}并且modalVisible已经被定义为 false，当单击按钮时它变为 true，但是在我的 OpenModal 组件中它似乎未定义，并且它没有打开模态的。我在这里想念什么？

我正在使用 React Native 中内置的 Modal（特别是我正在使用 React Native Paper 变体）。默认情况下，这似乎在屏幕中间打开。但是，如果您在 Modal 中进行一些文本输入，那么如果它在屏幕顶部打开或知道键盘会更有用。但是我找不到让它工作的方法。

我的（简化的）模态代码是：

您好，我对 React Native 还很陌生，目前我的模态组件有问题。我的模态组件有两个道具，gameData 和 isModalVisible。在 Home.js 中，模态属性 isModalVisible 有一个状态变量 isVisible 的值，当按下某个 TouchableOpacity 时，它会变为 true。然后在我的 FeaturedGameModal.js 中 isModalVisible 是从道具设置的。我遇到的问题是关闭模式。以这种方式打开模态效果很好，但是我应该如何关闭模态，因为它的可见性是由 Home.js 中的道具控制的？任何帮助将不胜感激。我已经为此工作了两天，这让我发疯。谢谢！如果您想更仔细地检查我的代码，我将包含我的两个文件。

主页.js：

FeaturedGameModal.js：

我正在制作一个反应原生的应用程序。在这里，我可以单击打开模态，也可以在单击模态内部时关闭模态。但我也想在模式外部单击时关闭它。

下面是我的代码：

我希望从评论中您可以看到单击时我正在打开模态，并且单击模态内部的和<Text>Language</Text>时我能够关闭模态。<Text>English</Text><Text>Hindi</Text>

在我使用的模式之外单击时关闭模式<TouchableWithoutFeedback onPress={() => { setModalVisible(!modalVisible); }}>，但这不起作用。

注意：我故意删除了所有样式部分，以便我的代码看起来很干净，并且我可以清楚地说明我想要什么。

我使用模态库加载组件并等待 api 调用加载组件，当 api 调用没有应答时，我希望用户按下返回标题按钮，他们可以继续其他屏幕问题是模式正在打开并且无法按下标题返回按钮，我尝试对模态进行边距或填充，但 rn 模态锁定到所有屏幕，我在打开加载组件时在屏幕图片下方使用反应本机导航和自定义标题

红色组件是我的打开加载组件，我想按下标题左侧后退按钮并返回上一个屏幕，rn 模式锁定到所有屏幕并且在加载组件打开时没有按下我如何按下后退按钮

我的加载组件是；

我试图在单击按钮时打开一个模式，并且该模式应该在该按钮的顶部打开（请参阅屏幕截图）。我可以将按钮放在屏幕上的任何位置（大多与屏幕右对齐）。

图 1：点击按钮之前

图2：点击按钮后：

在我的 React Native 0.62.3 应用程序中，amodal用于收集用户输入。这是查看代码：

这是重置price和状态的 2 个函数shippingCost：

问题是，每当通过按键输入价格字段时，模式都会自动重新加载/重置。试过onChangeText了TextInput，也有同样的问题。

有人使用 react-native-modalize 模块吗？

react-native-modalize模块，当我在 flatListProps 对象上渲染代码时，它显示以下错误！！

这里也是示例https://jeremybarbet.github.io/react-native-modalize/#/EXAMPLES

我是 React Native 的新手。我正在使用一个名为@react-native-community/datetimepicker 的包。我有一个按钮，在按钮内我创建了一个模态。当用户单击按钮时，它将打开模式。我的逻辑工作正常，但问题是我的模态行为很奇怪。当我打开和关闭模式时，总是会弹出一个大黑屏。我真的不知道如何解决。我按照这个Youtube-tutorial的模态。我在expo-snacks中分享我的代码。

这是我的所有代码

我在视图中使用模式 - 它包含一个表单。表单比视口长 - 因此，内容占据了页面的高度并滚动到视图之外。

谁能建议动态高度的最佳方法？

目前我正在使用以下方法，但如果手机方向切换则不起作用，我确定必须有更好的解决方案？