-
4 votesanswersviews
React-native:回到堆栈中的特定屏幕
这是根导航器 export const AppNavigator = StackNavigator({ Splash: { screen: Splash }, Dashboard: { screen: DashboardDrawer } }); const DashboardDrawer = DrawerNavigator({ DashboardScree... -
1 votesanswersviews
在react-native中导航后没有任何内容呈现
我在 React-native app中使用 React-navigation 的SwitchNavigator进行身份验证 . 在授权部分,我想显示一个侧面抽屉,用于显示设置和注销等选项 . 通过单击选项卡部分中的按钮进入授权部分,用户应该可以转到相册的详细信息部分 . 为此,我正在使用StackNavigator . 问题:验证后,一旦我导航到带有侧面抽屉的部分,其中存在堆栈导航器,一旦导航... -
2 votesanswersviews
react-native:TypeError:期望的动态类型`double ', but had type `null'(UiManager.dispatchViewManagerCommand)
我尝试使用两个输入字段,LogIn按钮和忘记密码按钮实现简单的LoginScreen . 屏幕之间的导航是在“react-navigation”:“1.0.0-beta.11”的帮助下实现的 . 因此,当我在登录屏幕上单击忘记密码然后返回到登录屏幕,然后单击任何输入字段 - TypeError:期望动态类型double',但是有typenull'(在参数索引处为UiManager.dispatc... -
10 votesanswersviews
使用与Jest的反应导航的测试组件
我正在研究一个也使用Redux的React Native应用程序,我想用Jest编写测试 . 我无法模仿反应导航添加的“导航”道具 . 这是我的组件: import React from 'react'; import { connect } from 'react-redux'; import PropTypes from 'prop-types'; import { Text, View } ... -
2 votesanswersviews
React Native StackNavigator:在goBack()Action之后刷新数据
我正在尝试在保存新listItem的数据后重新渲染StackNavigator的第一个屏幕 . 成功保存后,我调用 this.props.navigation.dispatch(NavigationActions.back()) ,我想用 this._updateData 函数重新渲染页面 . 我尝试了这里提到的解决方案:https://github.com/react-navigation/re... -
0 votesanswersviews
如何在StackNavigator中导航后破坏屏幕
使用反应导航 . 我有一个StackNavigator const Stack = StackNavigator( // eslint-disable-line new-cap { List: { screen: DrugPage, }, Create: { screen: DrugCreate, }, ... -
0 votesanswersviews
带密钥的React Navigation goBack
目前,React Navigation仅支持 goBack(key) ,表示它将返回到所提供屏幕之前的屏幕 . 我有 Checkout -> Shipping -> Payment -> Review 屏幕,如果已经记录了运输和付款信息,它将直接从 Checkout 到 Review . 但是,在 Review 上,如果我想编辑送货信息,我需要做 goBack(payment-... -
0 votesanswersviews
反应导航:导航goback()
屏幕 - X - 儿童(屏幕A,屏幕B) 屏幕 - A - 儿童(屏幕A,屏幕B,屏幕C) 我已经从 X -> A -> A 导航了 . 此处屏幕数据已从 Redux Store 呈现为SCREEN - A.当我 goBack() 时,前一个屏幕未呈现 . 在React Navigation中导航时,前导屏幕未进行渲染 . 因为第一个SCREEN-A所需的数据已被第二个渲染... -
1 votesanswersviews
访问导航道具 - 反应导航
我刚才有一个关于反应导航的问题 . 据我所知,当从stacknavigator渲染屏幕时,导航道具变得可访问 . 但是如果stacknavigator没有渲染屏幕,你如何访问导航道具? 像这样: import React, { Component } from 'react'; import PropTypes from 'prop-types'; import { StyleSheet, ... -
1 votesanswersviews
React Navigation无法正常工作
我正在使用React Navigation的Drawer Navigator,但在创建自定义组件后,导航不起作用 . 导入没有问题 . Here is the Code:- import React, { Component } from 'react'; import {DrawerNavigator} from 'react-navigation'; import {... -
5 votesanswersviews
后退按钮转到堆栈的初始路径而不是前一个屏幕
请考虑以下路线: const App = TabNavigator({ Home: { screen: HomeScreen }, Settings: { screen: SettingsStack } }) const SettingsStack = StackNavigator({ SettingsMenu: { ... -
0 votesanswersviews
DrawNavigator里面的StackNavigator里面的StackNavigator - 如何显示 Headers ?
这是我的app结构 . 我已经使用react-navigation实现 drawer, Tab and Stack Navigation . 如何处理 Headers ? Root Stack: const PrimaryNav = StackNavigator({ drawerStack: { screen: DrawerNavigation } } DrawerNavigation:... -
-1 votesanswersviews
在DrawerNavigator中嵌套TabNavigator时找不到路由
我正在使用嵌套在DrawerNavigator中的TabNavigator . 我的TabNavigator包含2个屏幕,DrawerNavigator有4个路径,其中一个是TabNavigator . 当我在TabNavigator中滑动到第二个标签时,然后使用抽屉转到其他路线并使用抽屉返回TabNavigator,这是一个错误 . 这是TabNavigator: const MyTabNavi... -
1 votesanswersviews
TypeError:undefined不是对象(评估'route.routeName') - React Navigation
我在使用React Navigation的Drawer Navigator时遇到了问题 . 我有一个用户验证电子邮件的屏幕 . 如果经过验证,它将导航到抽屉导航中的HomeScreen 这是我的代码: navigateToHomeScreen () { const actions = NavigationActions.reset({ index: 0, actions: [ ... -
2 votesanswersviews
Stack Navigator(React Navigation)中嵌套TabNavigator的swipeEnabled prop在设置为true时崩溃IOS模拟器中的应用程序
const NavBar = TabNavigator({ HamburgerMenu: { screen: HamburgerScreen, navigationOptions: { tabBarIcon: ({ tintColor }) => <Icon name='bars' style={styles.iconStyle}/> } ... -
0 votesanswersviews
一次使用stackNavigator和tabNavigator无法正常工作React Native
问题 我正在使用本机创建一个社交媒体应用程序,我正在尝试将stackNavigator和TabNavigator都放在同一个应用程序中 . 我有两个stackNavigator屏幕,都有默认屏幕和另一个可以弹出的屏幕 . 之后,我尝试将这两个stackNavigator屏幕放入tabNavigator屏幕,我得到了很多奇怪的错误,比如进入stackNavigator屏幕只需要带我到一个新选项卡,并... -
3 votesanswersviews
React-Navigation - 如何仅在嵌套导航器中跟踪状态更改
我知道顶级导航器上有 onNavigationStateChange(prevState, newState, action) 道具,但是有没有办法监视/响应嵌套导航器中的更改? 例如给定层次结构,例如: StackNavigator Screen1 / TabNavigator Tab1 Tab2 Tab3 Screen2 Screen3 如何监视Screen1中... -
0 votesanswersviews
在React Navigation中重用屏幕
我是React Native的新手,并尝试使用react-navigation包在两个屏幕(或页面)之间设置导航 . 我现在正在使用 StackNavigator . 我面临的问题是似乎无法导航回到之前的屏幕 . 我所能做的只是致电 navigate() . 例如,如果我想从 Home 导航到 FRW 并返回 Home ,那么这似乎会让我在堆栈上有两个 Home 并行执行的实例(其中一个无法看... -
0 votesanswersviews
自定义DrawerNavigator - ReactNative
我有通过DrawerNavigator的侧边菜单 . 我知道要自定义抽屉,它在“contentComponents”道具中 . 我想要举个例子,按下一个打开模态的按钮:Share(在其他社交媒体上分享应用) 但就目前而言,我所有的按钮都是路线 . 因此,如果我点击它,它会重定向到页面(正常) . 我只是想添加一个反应而不是重定向的按钮 . 我不知道如何在Component中动态定制 . 我想硬编码... -
1 votesanswersviews
在使用反应导航的反应原生应用程序中连接到redux的测试屏幕 - JEST
我正在学习如何使用Jest测试我的组件,但是我在测试登录屏幕时遇到了问题 . 该组件连接到Redux并且是导航器的一部分 . 我正在嘲笑我的redux商店,但是在运行我的测试时出现以下错误: FAIL __tests__/screens/Login.test.js Test suite failed to run TypeError: Cannot read property 'getSta... -
3 votesanswersviews
反应导航:自下而上过渡
我在我的react-native项目中使用react-navigation来处理我的导航和路由 . 在我的情况下,我有 ViewA 和 ViewB . ViewA 需要填写我的 ViewB 的信息 . 用户流是 ViewA - > ViewB - > ViewA . ** VIEW A ** import React from "react"; im... -
3 votesanswersviews
React Native - NavigationActions.navigate()不从redux内导航
我有两个导航器,一个是stackNavigator,另一个是drawerNavigator . 我想要做的是派遣一个动作,登录成功,并将用户重定向到抽屉导航器 . 我用过react-navigation . 我所做的是我在saga中调度动作登录成功 . 使用 NavigationActions.navigate({ routeName: 'drawerStack' }) 调度操作 . 操作成功调度... -
0 votesanswersviews
react-native和svgcode样本
我已经能够在模拟器中启动react-native“AwesomeProject”应用程序(来自教程),现在我想在一个react-native应用程序中呈现SVG . 我尝试用包含一个SVG椭圆代码片段的SVG元素替换return(...)语句的内容,然后模拟器屏幕变为红色(可能是因为Microsoft使用蓝色:)) . 我的猜测是解决方案涉及反应原生的WebView组件,但我不清楚如何在这个组件中... -
12 votesanswersviews
反应本机是否有简单的同步存储选项?
我有一个用于我的react本机应用程序的同步存储的用例 . 在应用呈现主视图之前,我想检查本地存储上是否存在会话令牌,如果可用则继续,否则想要将登录组件呈现为初始视图 . 使用同步存储将简化代码 . -
2 votesanswersviews
如何在react-native中登录后将'react-native-drawer'仅对仪表板可见
在react-native中,我想在登录时禁用抽屉并在仪表板屏幕上启用抽屉 . 我已经使用Navigator实现了'react-native-drawer'来在路线之间导航 . render method as follows: render() { <Drawer ref={(ref) => this._drawer = ref} ... -
4 votesanswersviews
在主屏幕上单击时退出应用程序
我正在使用 react-native-router-flux 进行反应原生导航 . 我的反应原生应用程序上有4个场景堆栈 . 当应用程序首次在主屏幕上启动时,单击后退按钮会按预期退出应用程序 . 但当我导航到任何其他屏幕并返回主屏幕时,后退按钮似乎不再起作用 . 这是代码片段: onBackPress() { if (Actions.state.index === 0) { ... -
0 votesanswersviews
如何在React-Native中导航?
我在我的react-native项目中使用ReactNavigation库,从6小时后我尝试从一个屏幕导航到其他屏幕,并尝试了所有可能的方式,但我认为我无法正确获得逻辑 . 这是我的项目结构 . Here 我这样做的方式 . const AppStack = StackNavigator({ Main: Feeds }); const AuthStack = StackNavigator({ La... -
0 votesanswersviews
React Native - 优雅的淡入淡出屏幕到最初的React View?
请原谅我提出一个可能被视为“征求建议”而非纯技术问题的问题 . 知道StackOverflow,响应可能是迅速和残酷的 . 我刚刚用React Native构建了一个跨平台(iOS和Android)应用程序,并且正处于准备 生产环境 的最后阶段 . 需要完成的任务之一是启动屏幕 . 不幸的是,我有一些非常复杂的设计要求 . 我有一个示例应用程序可以解决Awair . 这是基本的想法:启动画面上有一... -
1 votesanswersviews
如何在React native中正确使用导航
我刚开始使用React Native,目前我正在尝试学习如何构建一个简单的移动应用程序(在Andriod模拟器上进行测试) . 我现在有两个屏幕/场景(Home和Graph) . 它应该是这样的:header nav. design 我一直在网上搜索,但似乎无法找到如何实现这种 Headers 导航的最佳方式 - >当按下图形图标时:主屏幕上的VIEW需要滑动到左边(屏幕外)和graphVI... -
3 votesanswersviews
如何在屏幕组件的反应导航StackNavigator中设置cardStack样式
我试图创建一个动画效果,揭示反应导航StackNavigator背后的侧边菜单 . 在查看StackNavigator docs时,我可以看到如何在StackNavigator配置选项中设置cardStyle . 这有效,并给我我想要的效果: 但这是在创建时为整个StackNavigator静态设置cardStyle . 我正在寻找一种从给定屏幕内以编程方式更改cardStack样式的方法 . ...