react-navigation

首页 > TAG信息列表 > react-navigation

javascript-React Navigation：检测应用程序导航到哪个屏幕

我有2个组成部分： >仪表板-应用程序的入口点 >帖子在控制台中,在componentDidMount中有一个API调用.在“帖子”组件中,收到帖子后,我导航至“仪表板”.是否可以检测应用是否已从“帖子”导航到“仪表板”并删除componentDidMount中的API调用. 检查以下代码： // Dashboard.js

javascript-React Navigation：自下而上的过渡

我在我的本机项目中使用react-navigation来处理导航和路线. 就我而言,我有一个ViewA和一个ViewB. ViewA需要我在ViewB中填写的信息. 用户流是ViewA-> ViewB-> ViewA. ** VIEW A ** import React from "react"; import { Button, Text, View } from "react-native"; class ViewA e

javascript-屏幕导航标题不会显示在堆叠的抽屉导航中…React Navigation V2

因此由于某种原因,我似乎无法使任何标题出现在“抽屉导航器”中嵌套的屏幕上.我已经对该主题进行了大量研究,但仍未找到解决方案. 一些站点已经说过,navigationOptions需要作为一个函数=>来调用.尝试并没有工作. 有人说过,因为我的抽屉导航器嵌套在Stack Nav中,所以我的Drawer的各

javascript-如何在反应导航中检查goBack()函数是否可行？

我有一个后退按钮,可以使用户返回屏幕,但是当没有屏幕可以返回时,我希望它做其他事情,所以这是我的代码： <Button onPress={()=>{ if(CanGoBack){ // imaginary 'CanGoBack' variable this.props.navigation.goBack() }else{ this.doSomething() } }}/> 我该如

javascript-如何在一个屏幕而不是整个应用程序中处理退出应用程序-React Native？

我在BackHandler上有问题,问题是当运行该应用程序并转到“注册”屏幕并在我的手机上触摸后方时,他们将运行该功能并显示警报以进行确认,但是现在当我转到任何其他屏幕并触摸后方时,我需要返回到每个BackBack.exitApp()上的上一个屏幕；运行,尽管我写的是routname是SignUp,但只是退出

javascript-如何为TabNavigator使用tabBarComponent？标签栏未显示

我正在尝试制作自己的自定义标签栏,看来tabBarComponent是通过将其设置为我自己的组件来实现的方式.使用以下代码,我的标签栏不会显示. const TabNav = TabNavigator({ LaunchScreen: { screen: PrimaryNav, navigationOptions: { tabBarLabel:'Find',

javascript-React Navigation默认背景色

我正在使用react-navigation和堆栈导航器来管理屏幕. 我正在使用的平台： >安卓 > React Native：0.47.1>反应导航：1.0.0-beta.11>仿真器和设备我有一个屏幕,它充当模式形式,但实际上是全屏.为什么“作为一种形式形式的行为”这一部分很重要？那是因为它是一种模态菜单,带有一些选项并且

javascript – 修复错误：路由“Home”的组件必须是React组件

我正在尝试使用react-navigation,但是当我将每个屏幕的组件移动到多个文件中时,我无法使用它.我总是得到这个错误：“路由’Home’的组件必须是React组件”.如果我将所有代码移动到一个文件中,则不会发生此错误,因此我不确定区别是什么. 这是我的App.js： import React from 'react';

javascript – 如何从createMaterialTopTabNavigatorto其他屏幕导航 – React Navigation？

从顶部Tabnavigator导航到其他屏幕时我遇到了一些问题所以我的应用程序导航是 My Orders Screen from Drawer => Top TabNavigatore (Accepted/Completed) => Order Details 在Route.js中我把我想要的每一个导航都放在Drawer – Auth导航等等,然后我把StackNavigator包含在这

javascript – TabNavigator中的React Navigation传递道具

我有在初始屏幕上从服务器加载的道具.我想将它们传递给其他选项卡屏幕.但是,我没有在网上找到任何例子.我知道screenProps,但不知道如何设置它.我尝试过的所有方法都导致了错误. const EProj = TabNavigator({ Home: { screen: HomeScreen }, Map: { screen: MapG }, Login:

javascript – 如何在React-Native中获得键盘的高度？

我在我的应用程序中使用React-Navigation,应用程序包含多个屏幕的StackNavigator,其中一些屏幕具有带有autoFocus的TextInput = {true} 问题：在组件渲染时在这些屏幕上,屏幕的高度在构造函数中设置： constructor(props) { super(props); this.state = { height: Di

javascript – 如何使用Flow定义反应导航的道具

我正在研究一个简单的React Native App,并决定使用反应导航.我还决定使用Flow进行静态类型检查.我无法弄清楚的是,如何用Flow定义与导航相关的道具. 例如我将我的App.js定义为使用StackNavigator,如下所示： import StackNavigator from 'react-navigation'; import Main from './ap

javascript – React Navigation Bottom TabBar图标间距

我正在使用React Navigation和React Native.这是在Android上. >我试图在图标和标签栏的顶部之间添加一些间距,并减少图标和标签之间的间距. >我正在尝试更改底部边框颜色,即黄线.>我正在尝试减少间距,在每个单元格内左右填充. 知道我怎么能做到这一点？ { tabBarPosition: 'bott

javascript – 使用React Navigation,如何强制抽屉导航器弹出到堆栈的顶部？

我正在使用React Navigation并有一个抽屉导航器,其中包含多个Stack Navigators作为其项目.当我打开抽屉导航器并单击某个项目时,它会显示我单击的堆栈中的第一个屏幕.当我进入堆栈中的第二个屏幕然后打开抽屉并单击活动堆栈的相同抽屉链接时,我希望它显示堆栈的第一个屏幕,但它现在

javascript – 如何关闭其中包含多个屏幕的React Navigation模式

我在React Native应用程序中使用https://reactnavigation.org/进行导航,其中选项卡导航器作为主堆栈,其中包含两个屏幕的模式(用于登录和配置应用程序). 我不能为我的生活弄清楚如何从第二个屏幕(SelectItems)关闭模态.从模态的第一个屏幕我可以用navigation.goBack()关闭它. 两个

javascript – 反应导航：’navigation.state.params’在’static navigationOptions’中始终未定义

我的问题的核心是,当我在navigationOptions中有这个时： static navigationOptions = ({ navigation }) => { console.log(navigation) console.log(navigation.state) } 第一个’console.log’语句返回带有“navigation.state.params”的导航对象,其中包含我传入的params.

javascript – 在DrawerNavigator中使用屏幕选项传递道具

我在https://reactnavigation.org/docs/navigators/drawer使用DrawerNavigator. const MyApp = DrawerNavigator({ Home: { screen: MyHomeScreen, }, Notifications: { screen: MyNotificationsScreen, }, }); 我有多个屏幕使用MyNotifications

javascript – 将道具从孩子传递到父母反应导航

我正在使用react-navigation.我将反应原生组件的道具传递给反击导航模式,反应导航在水龙头上打开. export default class SomeComp extends Component { ... render() { const { navigate } = this.props; return ( <TouchableOpacity onPress={navigate

javascript – 如何将道具传递给React Navigation导航器中的组件？

我正在尝试将道具传递给一个已经通过调用包装的组件来创建…导航器调用,即 // Search.js const Navigator = createMaterialTopTabNavigator({ Wines, Stores, Vineyards, Restaurants }); // Somewhere in render()... <Navigator /> 我正在试图弄清楚如何将参