react-native 相关问题

使用什么软件或技术在网络应用程序和移动应用程序之间建立连接？

我打算创建：一方面使用Next Js创建一个网站，人们可以在其中创建文本和图像等内容，并发布这些内容。 另一方面，我计划构建一个移动应用程序

使用react-native-gesture-handler长按时Expo Go应用程序崩溃

仅在使用router.push时发生崩溃；当替换为 console.log() 时不会发生。 从'react-native-gesture-handler'导入{手势，GestureDetector}； 从“expo-rout”导入 {router}...

expo＆react-native-web：出了点问题，发生了网络错误

使用react-native-web运行expo时，页面在chrome中显示错误： 出了些问题 错误：发生网络错误。 但是，当我在firefox中打开它时，没有错误。 与此同时，我的...

Expo React Native 应用程序在 Android 上崩溃

自从我开始使用Expo在React Native中进行编程以来，我一直在使用iOS物理设备和Expo应用程序。我从来没有遇到过任何重大问题。 现在我想开始修复...

FlatList 中的 React Native 内联元素实现

我是原生反应新手，我遇到了这样的问题 我有很多文本元素，我想一个接一个地对齐，而不需要转到下一行，如图所示...... 输入图片

React Native 运行一种方法，通过监听另一个状态来更新一个状态

我试图在特定状态发生变化时运行一个方法。但是我得到“达到最大更新深度”。这是没有意义的，因为该函数将监听从 stateA 到 ... 的变化

KeyBoardAvoidingView 未按预期工作

我正在使用“KeyBoardAvoidingView”来避免屏幕上输入元素的键盘，其中还包含图像。 内容几乎占据了屏幕，我希望内容滚动...

连接闭路电视摄像机以反应本机应用程序

我想将闭路电视/任何其他设备摄像头连接到我的 React Native 应用程序。因此，我可以开始录制并在我的应用程序上查看录制内容。我该怎么做？ 我想知道逻辑和任何其他信息

应用程序在 Android 上的 expo 路由器推送上崩溃，但没有错误，但可以在网络上运行

我有以下应用程序目录结构 我已使用此代码打开课程详细信息屏幕 router.push({ 路径名: "coursedetail/[id]", params: { id: course.id, }, }); 这对...

我是否也将秘密环境变量放入eas.json文件中或仅放入expo秘密中？

我使用框架博览会创建了一个反应本机应用程序。我有一个 .env 文件，其中包含用于我的开发本地构建的环境变量。要在 Google Play 商店中发布我的应用程序，文档说我有...

Firebase V9 - React Native 应用程序上的“内部断言失败：需要类定义”

我正在使用 V9 SDK 开发一个带有 firebase 身份验证的 React Native 应用程序。一切工作正常，除非我想在身份验证中添加持久性。 我尝试了多种方法来添加它......

React Native - 通过 Brew 安装节点损坏了 Expo

一开始，我尝试通过 Expo Go 创建一个 React Native 项目。所以我做了 npm i -g expo 和 npx create-expo-app myproject。但不幸的是，当我尝试 npx expo start 时，我收到一条错误消息...

在`Tab.Navigator`中设置属性`tabBarActiveTintColor`不起作用

函数 MyTabs() { 返回 （ function MyTabs() { return ( <Tab.Navigator initialRouteName='Home' screenOptions={{ tabBarActiveTintColor: 'purple', }} > <Tab.Screen name='Home' component={HomeScreen} /> <Tab.Screen name='Settings' component={SettingsScreen} /> </Tab.Navigator> ); } 我不知道为什么这个属性不改变颜色，已经尝试在 android、ios 和 web 上启动它。 但他们总是保留默认颜色，我也检查了它写得很好但它仍然没有改变颜色。 属性 tabBarActiveTintColor 和 tabBarInactiveTintColor 提供 tabBarIcon 和 tabBarLabel 的颜色，我们可以在 options 的 Tab.screen 属性中指定。你还没有指定。 考虑以下代码片段。 <Tab.Screen name="Home" options={{ tabBarLabel: (props) => <Text style={{ color: props.color}}>Home</Text>, tabBarIcon: (props) => do the same for your icon }} component={HomeScreen} /> 每当选择选项卡 Home 时，props 中的颜色就是 tabBarActiveTintColor 中指定的颜色，否则为 tabBarInactiveTintColor 中指定的颜色。这同样适用于 Tab.Navigator 中指定的所有选项卡。 可能建议创建一个自定义选项卡栏组件，即表示自定义选项卡栏对象（包括图标、文本和样式）的任何反应本机组件。 如果你想为整个标签栏着色，那么我们需要为 tabBarStyle 提供 Tab.Navigator 属性。考虑以下代码片段。 <Tab.Navigator tabBarStyle: { backgroundColor: "red", } ... </Tab.Navigator> 这是我经常使用的 HOC 模式，用于解决属性传递问题，同时保留 React-Native 中的渲染生命周期。它非常灵活，您可以修改它以合并其他类型的返回，包括钩子（如果您愿意将 createIconComponent 制作为 <Component/> ），但这是一个单独的用例。 通过传入必要的值并返回一个函数来创建 HOC 组件包装器，该函数又返回它自己的组件，该组件利用传入的属性 export const createIconComponent = ({name, size, style, defaultColor}) => { // Component that accepts dynamic props return function IconComponent({color}) { return ( <MaterialCommunityIcons name={name} color={defaultColor || color} // Use defaultColor if provided, otherwise use the color from the properties size={size} style={style} /> ); }; }; 这是我的一个应用程序的示例，其中我生成了多个组件 - 分别是 homeIcon、settingsIcon 和 searchIcon，并将它们传递到每个 tabBarIcon 中。顶级选项卡导航器中 tabBarActiveTintColor: colors.accent 和 tabBarInactiveTintColor: colors.secondary 的属性值将向下传播到组件中。 export const TopTabNavigator = () => { const {colors} = Styles(); const {teamData} = useContext(AppStateContext); // Uses the colors.accent property we define const homeIcon = createIconComponent({ defaultColor: colors.accent, name: 'home', size: 27, }); // Uses the colors.accent property we define const settingsIcon = createIconComponent({ defaultColor: colors.accent, name: 'account-cog', size: 25, }); // This will use the dynamic properties color/active hinting const searchIcon = createIconComponent({name: 'magnify', size: 25}); return (<Tabs.Navigator tabBarPosition="bottom" keyboardDismissMode="on-drag" screenOptions={{ tabBarActiveTintColor: colors.accent, tabBarHideOnKeyboard: true, tabBarInactiveTintColor: colors.secondary, tabBarPressColor: colors.primary, tabBarShowIcon: true, tabBarShowLabel: false, tabBarStyle: { backgroundColor: colors.primary, height: '10%', }, }} > <Tabs.Screen name="Home" component={HomeStack} options={{ tabBarIcon: homeIcon }} /> {teamData !== undefined && teamData.length > 0 && <Tabs.Screen name="Search" component={SearchStack} options={{ tabBarIcon: searchIcon, }} />} <Tabs.Screen name="Settings" component={PreferencesStack} options={{ tabBarIcon: settingsIcon }} /> </Tabs.Navigator>); };

Supabase，在网站上确认帐户后如何在手机上获取会话

我有以下场景。 用户在移动应用程序上创建帐户并登陆移动应用程序上的/确认屏幕。 用户通过点击确认按钮来确认创建的帐户...

用jest实现react-leaflet地图的react组件测试问题

当我尝试测试实现react-leaflet库的react组件时遇到以下问题 C:\数字预订-ui 颂歌模块 eact-leaflet\lib\index.js:1 ({“对象。<

React-native：如何控制键盘向上推

应用程序的结构相当简单：底部有一个搜索栏、一个列表视图和react-native-tabs。问题：如果我点击 Android 上的搜索栏，它会将整个应用程序向上推，所以我看到...

在FlatList中添加“查看更多”按钮？

我使用 flatList 来制作元素列表。我想显示 15 个元素，然后添加一个“查看更多”按钮来显示接下来的 15 个元素等。 我想使用这个教程：https://aboutreact...

如何修复在使用 React Native Paper 中的复选框时出现在复选框位置的表情符号？

我正在使用react-native-paper中的复选框组件，并且出现的是这个表情符号而不是复选框 婴儿表情符号代替复选框屏幕 进口 从“react-native-p...

如何在展会中抑制特定警告

我低于警告 AsyncStorage 已从 React-Native 核心中提取，并将在未来版本中删除。现在可以从“@react-native-async-storage/async-

无法更改 React Native 底部选项卡导航器中的屏幕顺序

我的应用程序中有一个底部选项卡导航器。 我的应用程序中有一个底部选项卡导航器。 <Stack.Navigator screenOptions={{ headerShown: false, }}> <Stack.Screen //... /> <Stack.Screen name="BottomTab" component={BottomTab} /> <Stack.Screen //... /> </Stack.Navigator> 其内部包含 3 个屏幕。 <Tab.Navigator initialRouteName="HomeScreen" //... > <Tab.Screen name="SearchScreen" //... /> <Tab.Screen name="HomeScreen" //... /> <Tab.Screen name="CartScreen" //... /> </Tab.Navigator> 我已将初始RouteName更改为“HomeScreen”，以便首先看到HomeScreen。但是，如果我在主屏幕显示后返回，屏幕将更改为搜索屏幕。但我希望它进入当我在主屏幕中时调用 BottomTab Stack Screen 而不是 SearchScreen 的屏幕。 这是我使用的软件包： “@react-navigation/bottom-tabs”：“^6.3.2” “@react-navigation/native”：“^6.0.11” “@react-navigation/stack”：“^6.2.2” 您可以先使用initialRouteName进行选择 https://reactnavigation.org/docs/bottom-tab-navigator