问题标签 [react-native-modal]

我正在使用React Native FlatList和React Native Modal。

单击 FlatList 中的项目后，我只想查看 1 个模态（包含所选项目的详细信息）。

但是，如果 FlatList 中有 4 个项目，则选择 1 个项目会导致所有 4 个模态框都弹出。

无论如何我只能为 FlatList 中的 1 个选定项目显示 1 个模态而不是多个模态？

下面的代码片段（一些代码行被删除，因为它不需要）：

我正在构建一个乘车共享应用程序来学习 react-native。为了发布一个新的 Ride，我有一个根据状态Modal呈现的条件，step并且每个步骤都有一个不同的 UI。像：

On step=1（这是初始值）我希望callBack按钮关闭Modal并且每当step> 1我希望它调用以下函数：

这本质上是回到最后一个渲染的屏幕。Modal我已经通过在函数组件中写入它来尝试它：

但是，无论step状态如何，每当我按下 backButton 时，它都会关闭Modal. 我不明白我做错了什么。

已编辑

我实施了Modalfrom react-native-modal。我使用了这样的道具onBackButtonPress：

在模态屏幕中，我写道：

但是，当我按下 android 后退按钮时，它仍然会关闭模式...

我使用react-native-modal以及如何CROSS将模态框的外部放置在背景的角落？如果我使用absolute定位，则CROSS在背景层下找到。

我试图用 onBackButtonPress 属性自定义我的 Modal。为了检查它是否有效，我console.log像这样传递给它：

但事实上，每当我按下 Android 后退按钮时，它甚至都不会返回任何内容。为什么他的道具根本没有返回任何价值？是否已弃用？

我正在使用react-native-modal它只占用底部屏幕的一部分，我需要能够滚动模态之外的内容。但是我所有的点击都在模态窗口的背景下。有没有办法做到这一点？

我正在寻找一个解决方案，如果可能的话，一个库或自定义组件，用于 React Native，没有 Expo。

我需要创建一个可在屏幕上上下移动并覆盖内容的视频帧。我还需要让点击它背后的内容成为可能。

另一个困难是我需要它在导航期间保持在所有屏幕上。

我首先尝试使用带有一些增量的 reanimated-bottom-sheet，但底部后面的内容不可点击。此外，为了使其在所有屏幕上可用，我需要将其置于与 React Navigation 的 BottomTabNavigator 相同的级别，即使使用 zIndex，它也会覆盖标签栏。

我也尝试使用模态，但我对 React Native 比较陌生，无法找到如何使背景可触摸以及使其可移动。

我想我需要用绝对定位制作视图并学习 Reanimated，除非您有更简单的想法？

谢谢

我正在尝试使用 RNGH 组件，例如TouchableOpacity在react-native-modal结合wix/react-native-navigation. 它不起作用。当我点击它时，没有发生任何交互。

导入似乎正在工作TouchableOpacity。react-native问题是，我想使用import {TouchableOpacity} from 'react-native-navigation';它是因为它比原来的响应更快。

谁能解释为什么，或者解决方法？

这是我的应用程序结构：

我有一个有两个孩子的组件，其中一个是一个按钮，它切换一个状态（modalVisible），它决定另一个孩​​子，一个模态，是否可见。

我无法在父级和模态子级之间共享开/关状态。我尝试将状态保留在父级中，然后将其作为道具传递给子级，但每次父级状态更改时都不会重新渲染子级。

内部 CommentsModal.js...

我考虑将状态完全保留在父级中，而不将其传递给 CommentsModal，如下所示：

但是我意识到 CommentsModal 中必须有一个状态，因为我需要一个“X”按钮来关闭模式。

我不确定最好的方法是什么......我可以做redux，但因为这些模式的数量是动态的；我不希望我的商店那么复杂。我能想到的唯一方法是将所有模式代码移动到父组件中，然后它们可以轻松共享状态，但这对我来说似乎很脏。有没有人有办法解决吗？

我有一个 FlatList，其中包含 Touchables 作为它的 renderItems。出于某种原因，除非您在其中一个可触摸设备上开始滚动，否则滚动将不起作用。也就是说，如果我单击项目之间的空间（填充/边距）并尝试滚动，它就不起作用。

如您所见，我尝试将 onStartShouldSetResponder 放在任何地方，但它似乎没有做任何事情。

作为参考，这是 Comment 组件的样子：

在图像上开始滚动也不做任何事情。由于某种原因，滚动只响应 Touchable。

React Native Paper 中 Modal 上的 TextInput 的一些奇怪行为。当我输入一个字符时，它被输入到文本框中，但是光标又闪回（好像它被删除了），然后又重新出现。这一切都发生得很快，角色被保留了，但看起来有点笨拙。下面的GIF来说明：

模态的代码相当简单：

在 iOS 上观察到的问题，未在 Android 上测试