天道酬勤,学无止境

react-native-router-flux

在 react-native-flux-router 中传递道具(Passing props in react-native-flux-router)

问题 所以我对 React Native 还是有点陌生​​,但我有一个应用程序几乎可以按照我想要的方式运行。 我有App.js ,它使用TabBarIOS组件在屏幕底部显示我的选项卡式导航。 当您触摸选项卡时,状态会更新并加载并显示相关内容: 应用程序.js import React, { Component } from 'react'; import { TabBarIOS, Platform, Image } from 'react-native'; import IconII from 'react-native-vector-icons/Ionicons'; import IconMCI from 'react-native-vector-icons/MaterialCommunityIcons'; import Colors from './Colors'; import RouterItem1 from './routers/RouterItem1'; import RouterItem2 from './routers/RouterItem2'; import RouterHome from './routers/RouterHome'; import Settings from './components/Settings'; class FooterNav

2022-01-14 15:39:10    分类:技术分享    reactjs   react-native   react-native-router-flux

反应本机路由器通量:覆盖组件内的左右按钮并访问本地功能(react native router flux: override left or right button inside component and access local function)

问题 我能够覆盖组件内的按钮,但无法调用本地函数,例如当我按下“刷新”时,什么也没有发生。 这是覆盖按钮文本并执行功能的正确方法吗? 感谢您的帮助。 谢谢。 import { WebView } from 'react-native' import React, { PropTypes, Component } from 'react'; import { View, Text } from 'react-native'; import styles from '../src/styles/home' var WEBVIEW_REF = 'webview'; class WebViewComponent extends Component { static rightTitle = "Refresh"; static onRight() { this.reload; } static propTypes = { url: PropTypes.string, scalesPageToFit: PropTypes.bool, startInLoadingState: PropTypes.bool, }; static defaultProps = { url: 'http://google.com', scalesPageToFit: true, startInLoadingState

2022-01-14 07:21:50    分类:技术分享    javascript   reactjs   react-native   jsx   react-native-router-flux

反应本机路由器 Actions.SCENE 什么都不做(react native router Actions.SCENE doing nothing)

问题 我正在向我的应用程序添加一个简单的登录屏幕,但是一旦用户通过身份验证,我就无法调用 Actions.home。 我有一个按钮,当按下它时,会调用一个函数来连接到服务器并获取身份验证状态,当成功时,我会调用 Actions.home。 但什么也没发生。 没有错误或警告。 根本不值一提。 我已经尝试了它的所有形式,Actions.home、Actions.home()、{Actions.home},将 Actions.home 保存为构造函数中的状态,然后使用状态,......没有任何效果。 但是在我的其他屏幕中,当我在 onPress 道具中调用 Actions.somewhere 时,它​​可以工作。 我在这里阅读了大部分问题,以及关于 StackOverflow 的问题(没有很多),但不明白出了什么问题。 我使用了所有建议的解决方案,但没有。 当我 console.log(Actions.home) 时,这就是我所看到的:在此处输入图像描述 这是我的脚本: 路由器.js <Scene key="root"> <Scene key="login" title="login" component={Login} hideTabBar hideNavBar initial /> <Scene key="tabsRoot" tabs tabBarStyle={[styles

2022-01-14 04:44:39    分类:技术分享    javascript   react-native   url-routing   react-native-router-flux

Passing props in react-native-flux-router

So I'm still a bit new to React Native, but I've got an app working nearly how I want it to. I have App.js which uses the TabBarIOS component to display my tabbed navigation at the bottom of the screen. When you touch a tab, the state updates and the relevant content is loaded and displayed: App.js import React, { Component } from 'react'; import { TabBarIOS, Platform, Image } from 'react-native'; import IconII from 'react-native-vector-icons/Ionicons'; import IconMCI from 'react-native-vector-icons/MaterialCommunityIcons'; import Colors from './Colors'; import RouterItem1 from './routers

2022-01-13 18:24:42    分类:问答    reactjs   react-native   react-native-router-flux

react native router Actions.SCENE doing nothing

I'm adding a simple login screen to my app, but I'm not able to call Actions.home once the user is authenticated. I have a button that when pressed, calls a function to connect to the server and get auth status, and when successful, I call Actions.home. but nothing happens. no error or warning. just nothing. I have tried all forms of it, Actions.home, Actions.home(), {Actions.home}, saving Actions.home as state in the constructor and then using state, ... nothing worked. but in my other screens when I call Actions.somewhere in onPress props it works. I read most of the issues here, and

2022-01-11 16:27:21    分类:问答    javascript   react-native   url-routing   react-native-router-flux

react native router flux: override left or right button inside component and access local function

I was able to override the button inside the compononent but not able to call the local function, for example when I press "Refresh", nothing happen. Is this the correct way to override the button text and perform function. Your help is appreciate. Thanks. import { WebView } from 'react-native' import React, { PropTypes, Component } from 'react'; import { View, Text } from 'react-native'; import styles from '../src/styles/home' var WEBVIEW_REF = 'webview'; class WebViewComponent extends Component { static rightTitle = "Refresh"; static onRight() { this.reload; } static propTypes = { url

2022-01-10 18:50:10    分类:问答    javascript   reactjs   react-native   jsx   react-native-router-flux

覆盖反压反应本机路由器通量(Override back press react native router flux)

问题 我在我的本机应用程序中使用本机路由器通量。 我想覆盖后退按钮按下事件,因为我想在返回之前添加确认弹出窗口。 我搜索了很多,但我找到的所有链接都是用于覆盖 Android 的硬件后退按钮。 我不仅想覆盖硬件后退,还想覆盖导航栏中的后退按钮按下事件(适用于 Android 和 iOS)。 请帮帮我。 编辑:我找到了一种通过在我的场景back和onBack添加两个道具来覆盖 back press 事件的onBack 。 但现在的问题是我希望这个 backpress 是有条件的。 我正在向这个场景传递一个布尔道具edit 。 如果编辑为真,那么我只想覆盖 backpress 否则我只想要默认的。 那么如何使用传递给该场景的道具更改我的 Router.js 中的 Scene 参数? 须藤代码 if(edit){ openConfirmationDialog(); } else { Actions.pop(); } 回答1 对我来说,@Raj Suvariya 的上述解决方案有效,但前提是我向我想要自定义的“onBack”场景添加了“renderBackButton”回调(Raj 示例中的“Home”场景):所以这被添加到场景的定义: renderBackButton={()=>{}} 这是在导航到页面时添加的,与上面 Raj 的回答相同: Actions.Home({onBack: (

2021-12-22 09:45:27    分类:技术分享    javascript   react-native   onbackpressed   react-native-router-flux

Override back press react native router flux

I am using react native router flux in my react native app. I want to override the back button press event as I want to add confirmation popup before going back. I have searched a lot but all the links I found was for overriding hardware back button press of Android. I not only want to override the hardware back press but also want to override the back button press event in the navigation bar (for both Android and iOS). Please help me out here. Edit: I found one way to override the back press event by adding two props in my scene back and onBack. But now problem is I want this backpress to be

2021-12-11 09:50:00    分类:问答    javascript   react-native   onbackpressed   react-native-router-flux

如何通过 react-native-router -flux 在 react-native 中更新回(上一个)屏幕(How to update back(previous) screen in react-native by react-native-router -flux)

问题 我在我的应用程序中使用 react-native-router-flux 。 - 我在第一个屏幕上使用参数,然后导航到第二个屏幕。 - 在第二个屏幕上,我正在更新在我的第一个屏幕上使用的参数。 - 我希望在我导航回该屏幕(第一个屏幕)时更新它。 我怎样才能实现这个功能。 谢谢你 回答1 @Vinzzz 是正确的最佳解决方案是使用 redux。 但是在这里你如何在没有它的情况下完成这项工作。 当您导航到另一个视图时,您调用 action.OTHER_VIEW() 您可以将参数传递给此函数,这些参数将通过与您的键对应的组件中的 props 提供: “OTHER_VIEW” 这里有一个例子: 路由A.js constructor(props){ super(props); var _data = this.props.dataFromRouteB || ""; this.state = { data : _data }; } onPress(){ action.ROUTE_B({dataFromRouteA: this.state.data}); // navigate to route B } render(){ const {data} = {...this.state}; return( <View> <Text>{data}</Text> <Button title="go

2021-12-03 12:55:24    分类:技术分享    react-native   react-native-router-flux

React Native Router Flux:从主场景导航到子场景(React Native Router Flux: navigate from main scene to child)

问题 版本 react-native-router-flux v3.35.0 反应原生 v0.31 我的场景很少。 其中一个场景的子场景很少。 如何从主场景之一导航到子场景之一? 例子 : <Router createReducer={reducerCreate} getSceneStyle={getSceneStyle}> <Scene key="root"> <Scene key="login" direction="vertical" component={Login} title="Login" hideTabBar hideNavBar /> <Scene key="tabbar" initial={show}> <Scene key="main" tabs tabBarStyle={styles.tabBarStyle} tabBarSelectedItemStyle={styles.tabBarSelectedItemStyle} tabBarIconContainerStyle={styles.tabBarIconContainerStyle} > <Scene key="courses" component={Courses} title="Courses" icon={IconCourses} navigationBarStyle={styles

2021-11-30 18:08:14    分类:技术分享    javascript   react-native   react-router   react-native-router-flux