React Native -导航器和选项卡栏集成
React Native是一种用于构建跨平台移动应用程序的开源框架。它允许开发者使用JavaScript和React编写一次代码，然后可以在iOS和Android平台上运行。
导航器和选项卡栏是React Native中常用的组件，用于管理应用程序的导航和页面之间的切换。以下是React Native中常用的导航器和选项卡栏集成的解决方案：
- React Navigation：React Navigation是React Native官方推荐的导航器库。它提供了多种导航器类型，包括堆栈导航器、标签导航器和抽屉导航器等。React Navigation具有灵活的API和丰富的功能，可以满足各种导航需求。
推荐的腾讯云相关产品：无
产品介绍链接地址：https://reactnavigation.org/
- React Native Navigation：React Native Navigation是由Wix开发的导航器库，它提供了原生级别的导航体验和性能。React Native Navigation支持堆栈导航器和选项卡导航器，并且可以与React Native的原生导航器集成。
推荐的腾讯云相关产品：无
产品介绍链接地址：https://wix.github.io/react-native-navigation/
- React Native Router Flux：React Native Router Flux是一个基于React Navigation的封装库，提供了更简单的API和更直观的导航配置。它支持堆栈导航器和选项卡导航器，并且可以通过声明式的方式定义导航路由。
推荐的腾讯云相关产品：无
产品介绍链接地址：https://github.com/aksonov/react-native-router-flux
这些导航器和选项卡栏集成的解决方案可以帮助开发者轻松实现React Native应用程序的导航和页面切换功能。根据具体需求和个人喜好，开发者可以选择适合自己的解决方案进行开发。
相关·内容
我一直在努力寻找一种集成TabBarIOS和导航器的解决方案，但一直没有结果。基本上，我试图解决的是让一个屏幕在启动时显示一个登录屏幕(没有标签)，然后导航到一个有标签的主页屏幕。下面是我的索引、登录屏幕、选项卡栏组件和导航器组件文件。import _ from 'lodash'
浏览 8提问于2016-08-04得票数 1
回答已采纳
选项卡导航器- - Screen 1
选项卡2- |_Stack导航器选项卡3- |_Stack导航器 - Screen 6“依赖关系”：{ "@react-native-community&#
浏览 3提问于2020-04-07得票数 3
选项卡导航器- 选项卡1- |_Stack导航器 - Screen 1 - Screen 2 选项卡2- |_Stack导航器- Screen 3 - Screen 4 选项卡3- |_Stack导航器 - Screen 5
- Screen我用的是- “依赖关系”：{ "@reac
浏览 16提问于2020-04-03得票数 0
回答已采纳
我想从screen2中删除tabnavigator registration: createStackNavigator({ second: Second, tabScreens: createBottomTabNavigator({ screen1: Screen1,
浏览 16提问于2021-01-22得票数 0
在React Native 0.62中，是否可以在中隐藏使用createBottomTabNavigator创建的选项卡栏？我很好奇这是否有可能像LinkedIn一样，当你向下滚动页面时，标签栏消失了，当你向上滚动时，它又重新出现了。或者只有一个自定义标签栏才能实现？
浏览 23提问于2020-05-30得票数 5
回答已采纳
我在SO和github上看过关于react导航的各种帖子，但大多数都是react本机堆栈导航器和抽屉导航器的组合。我找不到任何可以帮助解决我的问题的东西。我试图做的是我有一个底部的标签栏与五个屏幕加载正确的数据很好，我想添加一个抽屉导航器，以提供更多的屏幕和不同的数据。我已经设法在标签导航器的顶部构建了抽屉导航器，但是当抽屉打开时，它与底部的选项卡栏重叠，因此只要
浏览 11提问于2018-10-07得票数 3
1回答
Home选项卡包含对象的FlatList。一旦用户单击一个对象，他们应该被路由到一个页面，其中包含不应该在底部选项卡上显示(作为选项卡)的项，但是应该显示底部选项卡栏。但是，当我在堆栈导航器中嵌套选项卡导航器时，它不会在堆栈页上显示选项卡栏。另一方面(选项卡导航器中的堆栈导航器)，我得到一个额外的选项卡与页面，这也是一个不想要的结果。
我一定是漏
浏览 12提问于2022-09-29得票数 0
回答已采纳
4回答
我使用的反应导航v2和反应本机矢量图标。如果图标不在选项卡导航器中，则会显示该图标。图标没有显示在选项卡导航器中，我也找不到如何在选项卡导航器中添加图标的实例。import React, { Component } from 'react';
import { StyleSheet, Text, View } from 'rea
浏览 3提问于2018-05-20得票数 23
回答已采纳
2回答
目前，我正在开发一个集成了react-navigation、、Redux、和的应用程序，但我想不出如何正确地做到这一点：
我必须使用底部选项卡导航栏，这是我从react获得的-本机-材料-底部-选项卡，现在，我有一个连接视图，以及显示导航栏与redux路由器之间导航的视图。有一个配置文件视图，其中一些子视图显示在一个底部栏导航视图中，我无法知道如何为这些视图设置导航，因为它们位于当前redux导航中的底部导航类中，而不是它包含的视图中
浏览 0提问于2018-06-25得票数 0
我的应用程序中有一个materialTopTabNavigator，其中一个屏幕需要在屏幕的一部分(例如，从屏幕底部到从底部到200 )启用选项卡之间的滑动手势。下面是我作为gestureHandlerProps传递的内容和指向PanGestureHandler文档的链接： gestureHandlerProps={{}}
//height is height of screen 指向PanGestureHandler文档的链接：https://docs.swmansion.com/re
浏览 16提问于2020-10-08得票数 1
回答已采纳
我试过清理缓存和所有东西。 import { registerRootComponent } from 'expo'; navigation/nat
浏览 3提问于2021-08-09得票数 0
回答已采纳
在开发react原生应用程序时，我一直在尝试使用"React- native -FS“。但是，每当我尝试将"React-Native-FS“导入我的应用程序时，我都会收到以下消息：有没有人知道这是什么原因
浏览 27提问于2020-01-31得票数 2
我正在尝试导航到一个我没有用createBottomTabNavigation定义的屏幕，因为我不希望它显示在底部的选项卡导航上。为了尝试这样做，我单独创建了组件： class SingleScreen extends React.Component { return (如果是这样，有没有可能隐藏在选项卡栏上？
浏览 12提问于2019-04-15得票数 0
7回答
我正在开发一个应用程序，通过一个简短的导览之前，用户转到该应用程序的主页(在最初的注册)。我想要做的是覆盖应用程序页面(通过选项卡栏看到)与以下设计：然而，React Native Overlay有留下许多错误的历史--它也从来没有为我个人工作过。React Native ToolTip模块不再受支持，也无法工作。有谁做到过这一点吗？如果是这样的话，是怎么做的？谢谢你的建议!
浏览 0提问于2017-01-20得票数 21
我有一个带有一些屏幕的Stack和一个像"Profile“这样的初始路径，当我从"Profile”屏幕通过navigation.navigate("Options")导航到"Options“时，我不想看到底部的选项卡<Tab.Screen name="ProfileNav" component={ProfileNav}> );我使用的是React我已经看到文档描述了如何在屏幕周围
浏览 13提问于2022-03-24得票数 2
回答已采纳
我试图让标题和底部的标签显示在模糊的背景上，所以我做了一个特殊的包装库头与一个BlurView，以提供该功能。它使模糊罚款，但不幸的是，标题，后退按钮等在过程中丢失。80} style={styles.header}> </BlurView>
class HomeScreen extends React.Component
浏览 0提问于2018-08-02得票数 5
回答已采纳
让fix底部选项卡导航器出现，即使我单击堆栈导航器或多个嵌套堆栈导航器，它仍然显示底部选项卡导航，如Facebook应用程序。和下面的例子一样，我点击页面，这是嵌套的堆栈导航，但是底部的选项卡导航仍然会出现。通常，当我单击堆栈导航器时，新屏幕将位于顶部和底部，选项卡导航器将消失。
浏览 8提问于2020-09-15得票数 0
回答已采纳
react-native init tabnavrm -rf node_modulesrm -rf package-lock.json "react-navigation": "git+https://github.com/react-community&#x
浏览 0提问于2018-03-16得票数 2
回答已采纳
我还在热身于React原住民，我有一个非常基本的疑问。我只需要将选项卡栏和导航器放在同一个屏幕上。但是制表栏基本上是覆盖导航栏的，视图内容从顶部开始:0代替了导航栏的下垂。对我有什么帮助吗？'use strict';
var RootNav = require('./
浏览 2提问于2015-10-27得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
