react-native 相关问题

React Native允许您使用React构建本机移动应用程序。 React Native的重点是在您关注的所有平台上实现开发人员效率 - 学习一次，随处写作。

我正在开发我的 React Native 项目，采用新的无桥架构，在发布版本时，版本大小为 60mb，不知道第三方库试图获得更低的捆绑...

android reactjs react-native

回答 1 投票 0

当我在iOS物理设备上运行React Native应用程序时，在终端中显示构建和一些日志后它就卡住了

信息构建（使用“xcodebuild -workspace LoginProject.xcworkspace -configuration Debug -scheme LoginProject -destination id=00008020-000509823C89002E”）信息💡提示：确保您...

iphone react-native runtime-error cross-platform freeze

回答 1 投票 0

隐藏底部导航中的特定屏幕

我正在使用底部中殿，在底部中殿屏幕中我正在使用堆栈导航，但是当我想在特定堆栈导航屏幕中隐藏底部导航时，我尝试了很多方法，但没有任何效果。我正在使用底部中殿，在底部中殿屏幕中我正在使用堆栈导航，但是当我想在特定堆栈导航屏幕中隐藏底部导航时，我尝试了很多方法，但没有任何效果。 <NavigationContainer independent = { true }> <HomeStacks.Navigator initialRouteName="Home" > <HomeStacks.Screen name="Home" component={Home} options={{title: ('Welcome'), headerShown: false}} /> <HomeStacks.Screen name="Details" component={Details} options={{title: ('Details'), headerShown: false}}/> <HomeStacks.Screen name="Settings" component={Settings} options={{title: ('Settings'), headerShown: false}}/> <HomeStacks.Screen name="Notification" component={Notification} options={{title: ('Notifications'), headerShown: false}}/> <HomeStacks.Screen name="NewInspection" component={NewInspection} options={{title: ('NewInspection'), headerShown: false}}/> <HomeStacks.Screen name="MoveIn" component={MoveIn} options={{title: ('Move In'), headerShown: false}}/> <HomeStacks.Screen name="MoveOut" component={MoveOut} options={{title: ('Move Out'), headerShown: false}}/> <HomeStacks.Screen name="Exterior" component={Exterior} options={()=>({title: ('Exterior'), headerShown: false, tabBarStyle: { display: 'none } })}/> </HomeStacks.Navigator> </NavigationContainer> 您可以在屏幕上添加 useEffect 来隐藏底部导航，这对我有用，但不确定性能。 useEffect(() => { navigation.getParent()?.setOptions({ tabBarStyle: { display: "none", }, }); return () => navigation.getParent()?.setOptions({ tabBarStyle: undefined, }); }, [navigation]); 例如，如果您想隐藏 NewInspection 屏幕上的底部导航，只需在 NewInspection 上添加此代码即可。

react-native navigation show-hide

回答 1 投票 0

在 AWS Amplify + React Native 项目上构建 Web 时，Expo SDK 50 中的 expo-router 中的 fromDir 出现 TypeError

我目前正在使用 AWS Amplify 和 Expo 开发 React Native 应用程序，并且在 React Native + Expo SDK 50 中遇到了一个持续存在的问题。当我尝试时，会抛出以下 TypeError...

react-native expo aws-amplify

回答 1 投票 0

console.log 无法打印提供商

我有一个加载提供程序的博览会应用程序：导出 const AppProvider = ({ 孩子 }: { 孩子: ReactNode }) => { console.log('来自应用程序提供商的您好！！'); const AlertsBottomSheetRef = useRe...

react-native expo

回答 3 投票 0

尽管使用 expo-router 进行了正确的屏幕堆叠，但后退按钮始终显示“主页”

作为 ReactJS 的初学者，试图构建一个 React-Native 应用程序，我发现博览会是一个不错的选择。但由于某种原因，我无法找到使用

react-native expo react-navigation expo-router

回答 1 投票 0

没有可用的安全区域插入值。确保您在应用程序的顶部呈现“<SafeAreaProvider>”。 - 我该如何解决这个错误？

导出默认类 CalorieScreen 扩展组件 { 构造函数（）{ 极好的（）; this.state = { 文本: "" }; } 使成为（） { const { 卡路里 } = this.state; 返回（ ...

reactjs react-native expo

回答 5 投票 0

在 React Native Android 中播放资产交付

我有一个应用程序，它有很多音频和图像资源，我无法将应用程序上传到 Google Play，我想尝试使用 Play Asset Delivery 我关注了这个博客（faltutech 博客文章），但我...

android react-native android-asset-delivery android-assetpacks

回答 1 投票 0

安装react-native-pdf-lib后android构建失败

一旦我安装了react-native-pdf-lib，android构建就开始在react native中失败，它说无法确定任务“:app:processDebugResources”的依赖关系。 > 无法解决...

react-native android-build

回答 1 投票 0

EXPO / EXPO GO IOS APP：提交解析清单。无法复制该操作（EXUpdates.UpdateError 错误 1）

我在 IOS 设备上使用 expo go 应用程序时遇到问题（Android 可以正常运行）。当我尝试使用 expo start 或 expo start --tunnel 连接到我的项目时，它会抛出以下错误： error in expo go ...

ios react-native mobile expo native

回答 1 投票 0

Expo go 23.1更新导致无法解析清单错误

昨天的展会更新到23.1版本。我的应用程序没有任何变化。它是一个使用 expo 的 React Native 项目。我用 expo go 在 iPhone 上启动该应用程序，但收到一条错误消息，提示“ther...

react-native expo expo-go

回答 1 投票 0

是否有良好的实践或模式来使用 React Navigation 来处理 React-Native 中的复杂导航

任何人都知道处理复杂导航的良好缩放模式。不寻找库（我们的堆栈已经基于 React Navigation）我所说的复杂导航是指...

react-native react-navigation

回答 1 投票 0

Cocoapods 不可用，请确保它已安装并位于您的路径中

执行后 sudo eas build -p ios --profile production --local 发现这样的错误 Cocoapods 不可用，请确保它已安装并位于您的 PATH 中 Pod 退出并显示非零代码：1

react-native expo cocoapods eas

回答 2 投票 0

如何在ReactNative应用程序中使用reCaptcha？

我找到了以下用于在 RN 应用程序中使用 reCaptcha 的库 https://www.npmjs.com/package/react-native-recaptcha 我的代码是从 'react-native-recaptcha' 导入 ReCaptcha； ... 我找到了以下用于在 RN 应用程序中使用 reCaptcha 的库 https://www.npmjs.com/package/react-native-recaptcha 我的代码是 import ReCaptcha from 'react-native-recaptcha'; ... <View style={{ flex: 1}}> <ReCaptcha sitekey={'test'} /> </View> 但没有显示验证码。我还尝试过在我的一个网站中使用 sitekey，其中 reCaptcha 工作正常 - 仍然没有任何结果。我错过了什么吗？附注该库的 github 不存在（我认为 React Native 中不存在 reCaptcha 的库。所以你需要使用 wrapped webview ，我知道它很慢并且可能包含你的要求，但我认为这是唯一的解决方案。请参阅 React Native with reCATPCHA 和 https://github.com/evenchange4/react-grecaptcha 我最近编写了一个组件，其功能类似于 Priya 建议的功能。它专门针对 React-Native 并使用 google recaptcha v3。如果您想自定义它或觉得有些事情可以做得更好，请随时查看并制作 PR :) https://www.npmjs.com/package/react-native-recaptcha-v3 react-native-recaptcha-that-works对我有用 - 还有更好的用户体验的隐形选项。使用这个库一个轻量级且安全的 React Native 库，用于将 Google ReCaptcha V3 无缝集成到移动应用程序中 https://www.npmjs.com/package/react-native-secure-captcha-v3

react-native recaptcha

回答 4 投票 0

如何使用 Jest 测试 React Native 中的 Alert

因此，在我的程序中，当用户登录时，如果所有凭据正确，如果有任何详细信息丢失或格式不正确，他们将进入下一页，并且屏幕上会显示警报。我该如何测试

firebase react-native jestjs react-test-renderer

回答 3 投票 0

是否有良好的实践或模式来使用 React Navigation 来处理 React-Native 中的复杂导航

任何人都知道处理复杂导航的良好缩放模式。不寻找库（我们的堆栈已经基于 React Navigation）我所说的复杂导航是指...

react-native react-navigation

回答 1 投票 0

在 React Native 博览会中从 SDK 49 升级到 51 后，应用程序使用堆栈导航崩溃

我已将我的 React Native Expo 应用程序从 SDK 49 升级到 SDK 51。最初，一切似乎都工作正常。但是，当我尝试使用嵌套堆栈导航器进行导航时，应用程序...