react-navigation相关内容

React Navigation 如何将道具传递给 TabNavigator 无状态功能组件

我正在学习使用 React Navigation 并喜欢它,但不知道如何将 props 从我的顶级应用组件发送到我的屏幕组件.我可能(很可能)完全以错误的方式去做这件事.这是我的代码. 主要应用组件 class App extends Component {构造函数(道具){超级(道具);this.state = {登录:假,已检查登录:假};}componentWillMount() { ..
发布时间:2021-07-04 20:17:11 其他开发

两侧的 React-Native DrawerNavigator 菜单

我有一个带有 DrawerNavigator 的 React Native 应用程序.对于菜单,我有自己的组件.这很好用.现在我想在右侧添加第二个侧边菜单.是否可以像 Slack 应用程序中那样拥有两个 DrawerNavigator?此解决方案对我不起作用:https://snack.expo.io/ry7lYempe因为我不想有一个 TabController 作为父级.两个 Drawer 都 ..

反应本机 TabNavigator 导航参数

我想通过主屏幕中的按钮单击操作将路由参数发送到配置文件选项卡.下面的代码是标签导航器 const Tabs = TabNavigator({[routes.HOME]:{屏幕:FeedMainScreen,导航选项:{tabBarLabel: tabBarLabels.HOME_TAB_LABEL,},},[routes.SEARCH]:{屏幕:搜索屏幕,导航选项:{tabBarLabel: ..
发布时间:2021-07-04 20:13:02 其他开发

React Navigation 动态更改选项卡导航器上的选项卡图标

所以我是对原生和 redux 做出反应的新手.该应用程序已经(由其他人)配置为具有 react-navigation 和 redux.现在我们在菜单中使用 TabNavigator(底部),这个 TabNavigator 还包含登录按钮.现在我想要做的是当用户登录时,登录按钮(带有文本和图标)变为注销. 有没有办法做到这一点?我的 TabNavigator 也在一个单独的文件中. 我想 ..
发布时间:2021-07-04 20:12:33 其他开发

反应本机选项卡导航器搜索框

我正在使用选项卡导航器,我有一个路由器设置了所有选项卡,我正在使用 react-native-elements 在根选项卡的标题中添加一个搜索框: export const Root = StackNavigator({标签:{屏幕:标签,导航选项:{标题:}},}, {模式:'模态',}); 我正在尝试根据焦点所在的选项卡更改搜索栏中的 placeHolder ..
发布时间:2021-07-04 20:12:30 其他开发

React-Navigation:屏幕之间的导航

我试图通过按图像组件在不同屏幕之间导航.每个不同的图像导致不同的屏幕. 我首先尝试通过单击“meo.sudoeste.png"到“meo_sw"进行导航.但是,每当我按下图像时,什么也没有发生.这是我的 SearchScreen.js: 从'react'导入React;从'react-native' 导入 {View, Text, StyleSheet, TouchableOpacity, ..

react-navigation-tabs - 图标未对齐并覆盖文本

我似乎无法使用新的 react-navigation-tabs 使图标对齐......有些图标比其他图标高.图标也覆盖了标签,我想在图标和标签之间留一些边距.我为图标尝试了代码 style={{textAlignVertical: 'center'}} (来自关于 SO 的另一个问题),但这也不起作用 下面是代码 import {createMaterialTopTabNavigator} ..
发布时间:2021-07-04 20:11:30 其他开发

如何使用 react-navigation 更改抽屉位置

我正在使用 react navigation 3.9.1.我想根据条件从右侧或左侧打开抽屉. 如果我尝试了以下条件但它不起作用drawerPosition : isArabic ?'右左'随着路线被加载,它不会改变 isArabic 的值,所以抽屉位置不会改变,因为我想改变抽屉的位置. 解决方案 似乎没有动态改变抽屉位置的“官方"方式.尽管如此,该功能仍对公关开放https://re ..
发布时间:2021-07-04 20:09:10 其他开发

如何使用标签导航器在一页中创建两个抽屉

我无法打开两边的两个抽屉.我可以只在一侧打开,或者我可以找到劣质而不平行的抽屉,但我需要平行的抽屉 react-navigation v3 从'react'导入React;从'react-native'导入{Dimensions};进口 {创建应用容器,创建抽屉导航器,创建堆栈导航器,来自“反应导航";从'./components/MenuDrawer'导入MenuDrawer;const ..
发布时间:2021-07-04 20:08:57 其他开发

将道具传递给 tabNavigator 的屏幕

在我的应用程序中,我想将 createMaterialTopTabNavigator (const NewTab) 中的一些数据传递给它的子屏幕(图形和表格).子屏幕中的数据根据​​ createMaterialTopTabNavigator 上方的自定义标题中的下拉值进行更改.一旦选择了下拉列表中的值,它就会在图形和表格屏幕中触发一个获取请求. 这是我的 App.js,我在其中路由我的所有 ..
发布时间:2021-07-04 20:08:14 其他开发

导航到其他屏幕时出现 React Navigation 4.x 版本问题

使用 react-navigation 4.1.1 版时当从一个屏幕导航到另一个屏幕时,它是波动的,我在那里使用 ImageBackground,所以在加载该图像背景后出现第一个白色空白屏幕,这非常慢,我可以很容易地看到那里的过渡.我不知道那里的确切问题是什么.对于这个新版本,我还必须安装用于反应导航的库,即反应原生屏幕、动画和蒙版视图、safeareacontext.所以请任何人知道这一点,请让 ..

在反应导航中将道具很好地传递到屏幕

我想向屏幕传递一个道具.当我尝试内联时,例如 (props) => 我收到一条警告消息,我不应该将函数解析为该组件属性.好的.我以为我会为每个需要自定义道具的组件创建函数.它正在工作,但有更好的解决方案吗?这是我的组件: 导出默认函数 Loading() {const [loggedIn, setLoggedIn] = Rea ..
发布时间:2021-07-04 20:07:07 前端开发