react-native 相关问题

使用router.back()传递参数

我正在使用expo-router，需要传回一些参数。怎么做？ 我在这里使用路由器推送： {router.push(`/rent-bike/qr-scanner`)}...

Expo，Supabase Google 登录 DEVELOPER_ERROR。不使用 Firebase

我正在尝试使用 Expo 和 Supabase 让 google oauth 工作，但仅当尝试在 Android 上登录时，我才不断收到以下错误。我没有使用 Firebase。我没有收到此错误...

React Native 位置：“绝对”不起作用

我是react-native的新手，我是从youtube学习的，但是其中用于在屏幕顶部对齐徽标图像的代码块可以工作，但是对我来说该代码不起作用。具体时间...

为什么没有显示结果？

我正在尝试实现一个简单的货币转换器。我给出了比特币的值，然后我期望得到 BRL（巴西货币）的值。但是，无论如何，我调用 useEffect 来获取当前的汇率和 t...

React Native 文本不显示

从 'react-native' 导入 { StyleSheet, Text, View, Image }; 从 'react' 导入 React, { Component }; 接口 AvatarProps { 全名：字符串； 成员资格：字符串； } 导出默认类 Av...

用户跳过 React Native 博览会后如何导航到主屏幕

我在导航处的app.js中有一些代码 {正在加载？ （ // 加载时显示启动屏幕 ) : ( 我在 app.js 的 navigation 有一些代码 <NavigationContainer> {isLoading ? ( <SplashScreen/> // Show splash screen while loading ) : ( <Stack.Navigator screenOptions={{headerShown: false}}> {isFirstInstall === null ? ( <Stack.Screen name="Loading" component={() => null}/> ) : !isFirstInstall ? ( <Stack.Screen name="Home" component={HomeScreen}/> ) : ( <> <Stack.Screen name="Welcome" component={WelcomeScreen}/> <Stack.Screen name="SignIn" component={SignInScreen}/> <Stack.Screen name="SignUp" component={SignUpScreen}/> </> )} </Stack.Navigator> )} </NavigationContainer> welcome屏幕中的另一个代码，用户可以在其中跳过或登录 const handleSkip = async() => { try { await AsyncStorage.setItem('@firstInstall', 'false'); navigation.navigate('Home'); } catch (error) { console.error('Error saving first install:', error); } }; if (isFirstInstall === null) { return null; } return ( <View style={styles.container}> <StatusBar hidden={true}/> <Image source={require('../assets/welcomeimage.png')} style={styles.welcomeImage} /> <View style={styles.titleContainer}> <Text style={styles.titleText}>welcome!</Text> <Text style={styles.descriptionText}> You get an amazing moment,jump in nowl. </Text> </View> <TouchableOpacity style={[styles.button, styles.fullWidthButton]} onPress={() => navigation.navigate('SignIn')}> <Text style={styles.buttonText}>Sign In</Text> </TouchableOpacity> <TouchableOpacity style={[styles.skipButton, styles.fullWidthButton]} onPress={handleSkip}> <Text style={styles.skipButtonText}>Skip for now</Text> </TouchableOpacity> </View> ); 但是当我暂时单击“跳过”时，会出现以下错误： ERROR The action 'NAVIGATE' with payload {"name":"Home"} was not handled by any navigator. Do you have a screen named 'Home'? 如何解决这个问题 我想你的 <Stack.Navigator screenOptions={{ headerShown: false }}> {isFirstInstall === null ? ( <Stack.Screen name="Loading" component={() => null} /> ) : !isFirstInstall ? ( <Stack.Screen name="Home" component={HomeScreen} /> ) : ( <> <Stack.Screen name="Welcome" component={WelcomeScreen} /> <Stack.Screen name="SignIn" component={SignInScreen} /> <Stack.Screen name="SignUp" component={SignUpScreen} /> </> )} </Stack.Navigator> 不是您的根导航器，因此您需要导航到堆栈，然后导航到特定屏幕。 navigation.navigate('AuthStack',{ screen: 'Home' }); 将 Auth stack 作为您的堆栈名称。 而不是可选渲染您的 Stack.Screen 添加动态初始路由名称： <NavigationContainer> {isLoading ? ( <SplashScreen /> // Show splash screen while loading ) : ( <Stack.Navigator initialRouteName={!isFirstInstall ? "Home" : "SignIn"} screenOptions={{ headerShown: false }}> <> <Stack.Screen name="Loading" component={() => null} /> <Stack.Screen name="Home" component={HomeScreen} /> <Stack.Screen name="Welcome" component={WelcomeScreen} /> <Stack.Screen name="SignIn" component={SignInScreen} /> <Stack.Screen name="SignUp" component={SignUpScreen} /> </> )} </Stack.Navigator> )} </NavigationContainer>

expo-apple-使用 React Native Firebase Auth 进行身份验证

我正在尝试使用 expo-apple-authentication 实现 React Native Firebase Auth。我已将 Apple 添加为 Firebase 身份验证控制台上的提供商，但因为 expo-apple-authentication 返回

Victory Native Scatter 自定义元素

问题 我正在尝试迁移到新版本的 Victory Native v^40.0.4 - 我们有一个使用 的现有散点图 问题 我正在尝试迁移到新版本的 Victory Native v^40.0.4 - 我们有一个使用 <VictoryChart><VictoryAxis /><VictoryScatter /></VictoryChart> 的现有散点图。 我们的 Scatter 组件利用 dataComponent 属性来渲染自定义元素。 在迁移到新版本时，新的 Scatter 组件仅限于包括 shape 在内的道具：type ScatterShape = "circle" | "square" | "star"; 这是我们的旧代码： <VictoryChart domain={{ x: domainX as DomainTuple, y: domainY as DomainTuple, }} domainPadding={{ x: 10, y: yDomainPadding }} height={148} // total height 186 - Victory build in parent padding on top & bottom padding={{ top: 0, bottom: 8, right: 48, left: onlyNV ? 0 : 48 }} width={chartWidth} > <VictoryAxis dependentAxis domain={domainY as DomainTuple} maxDomain={ticksValues[ticksValues.length - 1]} minDomain={ticksValues[0]} style={{ axis: { stroke: 'transparent' }, tickLabels: { fill: theme.colors.khaki[600], fontFamily: 'Inter_700Bold', fontSize: 10, }, }} tickCount={dataWithNV.length} tickFormat={y => { return y === nvYear ? 'N.V.' : y; }} tickValues={ticksValues} /> <VictoryAxis domain={domainX as DomainTuple} style={{ axis: { stroke: 'transparent' }, tickLabels: { fill: theme.colors.primary }, }} tickFormat={() => ''} /> <VictoryScatter data={dataWithNV} dataComponent={ <DataComponent currentWine={currentWine?.Vintage} /> } /> </VictoryChart> 呈现出这样的效果： 现在，新版本 VictoryNative 的新代码如下所示： <CartesianChart axisOptions={{ font, lineWidth: 0, lineColor: theme.colors.white, tickCount: dataWithNV.length, labelColor: theme.colors.primary, formatXLabel: () => '', formatYLabel: y => { return y === nvYear ? 'N.V.' : y.toString(); }, }} data={dataWithNV} domain={{ x: domainX, y: domainY }} domainPadding={{ left: 20, right: 20, top: 10, bottom: 10, }} xKey="x" yKeys={['y']} > {({ points }) => { return ( //👇 pass a PointsArray to the Scatter component <Scatter color="red" points={points.y} radius={10} shape="star" style="fill" > { /* <DataComponent currentWine={currentWine?.Vintage} /> this child component doesn't do anything */ } </Scatter> ); }} </CartesianChart> 现在渲染 ⭐️ 而不是我们的元素。 如何使用这个新版本的库为 Scatter 渲染自定义元素？ 我不认为该库的新版本可以简单地替换您正在寻找的内容。然而，新版本基于 React Native Skia，因此只需使用 Skia 创建组件即可让您创建您想要的内容。 看看<Scatter />组件的实现，并没有那么复杂，可以作为参考来创建自己的！

如何从react-native中的异步函数中获取值？

函数类别卡（道具）{ const [done, setDone] = React.useState(null); 让我们检查一下； React.useEffect(() => { 异步函数 checkData() { 检查=等待getD...

如何导航在 Mac 上使用命令“react-native run-android”运行 React Native 应用程序后显示的错误？

我使用命令“react-native run-android”运行应用程序并且它有效。 但是使用用户登录信息登录应用程序后，它显示黑色错误屏幕，以下是错误消息......

在 redux 工具包中将一个切片状态设置为另一个切片状态。 （本机反应）

我的 redux 工具包商店中有两个切片： 根任务： 类型 RootMissionStoreType = { 键：字符串； 标题：字符串； 任务：记录； }; 类型

iOS 上的 React Native Paper 深色主题

我想在我的应用程序上使用react-native-paper深色主题，但是，我所有的仍然有白色背景，导致所有文本组件不可读，因为文本在d中变成白色...

在布局文件中使用 useState() 钩子时，React 出现无限循环

在react-native+expo+react-native-web中有一个项目，我需要通过布局文件显示用户名或登录链接，具体取决于用户名是否存储在存储中。 应用程序/_layout.tsx： 进口重新...

react 本机运行 ios 卡在隐式依赖上

最初，由于无法从 pod install 安装 boost 包，所以没有运行任何内容，但我解决了这个问题并成功安装了 React Native 的 boost。 现在，当我尝试...

如何停止react-native动画

我试图在本机反应中停止动画，但它不起作用。 我尝试使用 stopAnimation 方法来做到这一点 这是我的代码： 构造函数（道具）{ 超级（道具）； //... ...

语法错误：@rnmapbox/maps 模块的 Mapbox.ts 中存在意外标记，预期为“,”

我在 React Native 项目中遇到了 @rnmapbox/maps 模块的问题。当我尝试捆绑 index.js 文件时，遇到以下错误： 语法错误：C:\WORK\plotlot\plotlot-25398\

如何删除标题中的后退按钮反应本机

我想删除按钮，但保留标题。 我的组件如下。我想保留标题，并且不需要后退按钮。 从“反应”导入反应； 从're...导入{查看}

Expo 命令无法将应用程序提交到 TestFlight

eas build -p iOS 命令无法运行，日志中显示错误消息，如下所示；运行 npx expo build:ios 可以正常工作。 日志 我尝试过更改 ./src/... p...

使用 React Native 在手势启动时运行 RTK 调度

这是我的代码： 进口 { 按钮， 平面列表， NativeSyntheticEvent， 文本， 文本输入， 文本输入焦点事件数据， 看法， 来自“react-native”； 从 &qu... 导入 { MissionStoreType }

React Native 0.71.1 中的 React-Native-Vision-Camera 显示 CameraView 尚不兼容 Fabric

我在 rn-0.71.1 中使用react-native-vision-camera，在那里我使用了该存储库中提供的示例应用程序中的代码。打开相机时显示 CameraView 尚不支持 Fabric。如何...