react-native 相关问题

OutsidePressHandler 在 ios 中自动 getTriggered

这是我的反应本机代码。 这在 Android 上运行良好，但在 ios 上不行。当我点击其中一个孩子时， onOutsidePress 就会被触发。 这是我的反应本机代码。 这在 Android 上运行良好，但在 ios 上不行。当我点击其中一个孩子时， onOutsidePress 就会被触发。 <OutsidePressHandler onOutsidePress={() => { console.log("Pressed outside the box!"); closePopup(); }} > <TouchableOpacity onPress={() => { navigation.navigate(routes.PROFILE); closePopup(); }} > <View style={{ flexDirection: "row", alignItems: "center", justifyContent: "space-between", gap: 10, paddingVertical: 5, paddingHorizontal: 10, borderBottomColor: "#eeeeef", borderBottomWidth: 1, }} > <Text style={{ color: "#000", fontSize: 16 }}>{t("profile")}</Text> </View> </TouchableOpacity> <TouchableOpacity onPress={() => { navigation.navigate(routes.MY_STRATUM); closePopup(); }} > <View style={{ flexDirection: "row", alignItems: "center", justifyContent: "space-between", gap: 10, paddingVertical: 5, paddingHorizontal: 10, borderBottomColor: "#eeeeef", borderBottomWidth: 1, }} > <Text style={{ color: "#000", fontSize: 16 }}> {t("my_stratum")} </Text> </View> </TouchableOpacity> </OutsidePressHandler> 对于解决方案，我将 TouchableOpacity 替换为 View，并将 onPress 替换为 onTouchStart。然后就可以正常使用了。 但是我还有另一种情况，其中数据是动态的并且数据比这两个子项更多，所以当我尝试滚动时它不起作用。它需要触摸时的值。 嗨@Devendra Singh，您可以通过以下解决方案 使用TouchableWithoutFeedback更精确地处理触摸事件。 将动态内容包装在 ScrollView 中以处理滚动。 import React from 'react'; import { View, Text, ScrollView, TouchableWithoutFeedback } from 'react-native'; import { useNavigation } from '@react-navigation/native'; const YourComponent = ({ data, closePopup, t, routes }) => { const navigation = useNavigation(); const handlePress = (route) => { navigation.navigate(route); closePopup(); }; return ( <OutsidePressHandler onOutsidePress={() => { console.log("Pressed outside the box!"); closePopup(); }} > <ScrollView> {data.map((item, index) => ( <TouchableWithoutFeedback key={index} onPress={() => handlePress(item.route)} > <View style={{ flexDirection: "row", alignItems: "center", justifyContent: "space-between", gap: 10, paddingVertical: 5, paddingHorizontal: 10, borderBottomColor: "#eeeeef", borderBottomWidth: 1, }} > <Text style={{ color: "#000", fontSize: 16 }}>{t(item.label)}</Text> </View> </TouchableWithoutFeedback> ))} </ScrollView> </OutsidePressHandler> ); }; export default YourComponent;

如何在React naive expo应用程序中使用supabase google auth提供程序

我需要知道如何在React Native Expo应用程序中使用supabase google auth提供程序 我已经尝试使用 console.cloud.google.com 获取客户端 ID，但它没有提供客户端密钥（用于 OAuth）。在

当放入 ScrollView React Native 中时，react-native-snap-carousel 在 Android 中不会滚动

我想在水平滚动的卡片内渲染react-native-snap-carousel，我正在使用ScrollView（水平），但是react-native-snap-carousel的“Carousel”不滚动...

React Native SQLite：无法将空值转换为对象，js引擎：hermes

我正在尝试将react-native-sqlite-storage模块添加到我的项目中。但不知何故它不起作用，因为它不想打开数据库。 从 'react' 导入 { useContext, useEffect }; 进口S...

metro-file-map：守望者抓取失败

这不是重复的！ 我是反应原生的新手，昨天我使用 Expo 开始了一个新项目，昨天运行良好 - 我研究了导航并添加了黑暗模式 - 以及一切......

缺少带有展会路由器导航和反应导航的父级

使用expo-router、expo 51、react native等。 我有以下导航结构 标签栏 /家 /（消息） /(消息)/[用户ID] /轮廓 在某些情况下，您可以点击...

React Navigation Wix 底部选项卡中的自定义按钮

我正在为我的应用程序使用React Navigation Wix，我想实现类似于以下设计的东西（附图）。 其实wix的问题在于我们没有定制的能力...

如何在React Native中获取TextInput值

我有这段代码，我可以在其中获取用户输入。但是当我通过控制台记录它来检查它时，我得到了一个未定义类型的对象。我在这里提供我的代码。我怎样才能更正我的代码，以便...

如何在expo中打开带有项目id的应用程序

我使用 expo-linking 从应用程序获取路径。然后我在通知中打开链接。 响应监听器.current = Notifications.addNotificationResponseReceivedListener((响应) =>...

在 React Native 中将抽屉中的导航链接分组

我的抽屉导航有链接，但是我想用如下标题对链接进行分组。我怎样才能实现这个目标？ 以下是我的代码： 从 '@/screens/settings/linkon... 导入 LinkOne...

Flatlist 滚动问题 Expo React Native

我正在使用 Firebase 后端创建一个 Expo React Native 项目。 我想向我的用户显示帖子，以便他们可以像 Instagram 卷轴一样垂直滚动。 所以我使用了react-native中的Flatlist...

隐藏底部栏，没有调整大小延迟

我想在代码触发指定操作时隐藏底部导航栏。一切似乎都按预期工作，除了我目前的版本，用户界面有点滞后，而且…

在 React-Native 应用程序中预览 PDF 文件

在我的 React Native 应用程序中，我想添加预览 PDF 文件的功能。为此，我有一个 API 网址。当我在桌面上的浏览器中打开这个网址时，它会预览 Pdf 文件，但是...

发送/提交按钮不调用React Native中的链接函数

当键盘打开/ TextInput 处于焦点状态时，下面示例中的按钮似乎没有调用与其链接的函数。不过，当键盘按下时，它确实可以工作。 我最好的猜测是...

在React Native中将图像转换为base64

我使用了react-native-image-picker，现在我从照片库中选择图像。要将图像发送到 API，我必须首先将其转换为 Base64，然后转换为字节数组。我有文件...

任务：unityLibrary：BuildIl2CppTask 失败

#FAILURE: 构建失败并出现异常# 在哪里： 构建文件'/Users/amboji/Documents/react-native-unity-main/example/unity/builds/android/unityLibrary/build.gradle'行：66 什么地方出了错： 执行...

商店中的内置内容消失了

当我将构建上传到 App Store Connect 时，它在处理过程中会在 TestFlight -> 构建部分中显示几分钟，然后消失。没有任何痕迹表明它曾经存在过...

字母表数组中最近的字母，用于在reactjs中导航

我有一个国家列表数组对象，根据键值排序，其中键是字母。我有所有字母表列表的一部分用于导航。一旦用户单击任何字母内容，就会...

库未加载：@rpath/VirgilCrypto.framework/VirgilCrypto

我们目前正在努力将第 3 方 SDK 添加到我们的 React Native 应用程序中。 这是SDK https://gitlab.com/claysolutions/public/clay-sdk 我们添加了 ClaySDK Pod，设置了一切，构建......

使用 init teamplate 进行 expo 安装

下载和提取模板包时出错：错误：无法解析从“npm pack expo-template-blank --dry-run”返回的 JSON 我打算使用 exfo 使用模板创建一个项目...