Questions tagged [react-native-router-flux]

react-native-router-flux is a routing package for react native based on new React Native Navigation API. It helps users to define all the routes in one central place and navigate and communicate between different screens in an easy way.

Official repository : link

621 questions
4
votes
3 answers

onEnter/onExit method in React Native Component (react-native-router-flux)

So I can use the onEnter/onExit method at the root of my app in the router definitions and it works perfectly fine: console.log("Entered")} component={ArenaPage} /> Is there any way I can do this…
4
votes
2 answers

Actions not being passed to redux in react-native-router-flux

I followed the instructions set out in https://github.com/aksonov/react-native-router-flux/blob/master/docs/v3/REDUX_FLUX.md#step-1 to a tee in version beta.24 and when I navigate via Action.push, pop, replace, etc there is no corresponding action…
Hamburglar
  • 550
  • 3
  • 17
4
votes
2 answers

undefined is not an object (evaluating '_reactNative.BackHandler.addEventListener')

I am using react-native: 0.40 with react: 15.4.2 and react-native-router-flux: 3.37.0 and I've been getting this error. Although everything I get this error on iOS, the app runs with no issue. But on Android, whenever I press the back button, the…
4
votes
0 answers

react-native-router-flux with drawer AND tabBar in the same page

I'm using react-native-router-flux version 3.37.0 with react native et redux. Everything worked fine, showing the tab bar, the nav bar and the navigation was correct. Then, I had to add a side menu (drawer) in the same pages where I have the tab…
Pibo
  • 2,219
  • 2
  • 14
  • 23
4
votes
1 answer

How to show and hide activityindicator from actions in react native redux?

I want to show progress/activityindicator whenever I make an api call from my app, But I can't find the correct solution for this. I can show the activityindicator but I can't hide it from view. Here is my code: StatusModal.js constructor(props) { …
Ega Setya Putra
  • 1,645
  • 6
  • 23
  • 51
4
votes
1 answer

Call a Sub-scene in React Native Router Flux without calling an Initial sub-scene

I have two sub scene in my react-native-router-flux Router like
Sriraman
  • 7,658
  • 4
  • 40
  • 60
4
votes
1 answer

Why do we need a "root" scene in react native router flux

I am implementing a routing library for my app, one that seems to be really good is react-native-router-flux they have good docs and implementation, I just have one question. In all their examples, scenes are wrapped in a root scene, so:
Ilja
  • 44,142
  • 92
  • 275
  • 498
4
votes
3 answers

How can you implement a logo in the react-native-router-flux navbar?

Currently I am trying to implement a logo, which is a png file, in the react-native-router-flux navbar. I am not sure if this is possible, as I haven't found any examples online. I have tried using the 'navigationBarBackgroundImage' property from…
Erica
  • 41
  • 1
  • 3
4
votes
2 answers

React Native - navigationState.children[3].key "SCENE_2" conflicts with another child

We have a problem with the current navigation in our react-native app. We use the react-native-router-flux module. Our router structure looks like this:
4
votes
1 answer

Disable Header for specific Scene in react-native-router-flux

If you can't figure out my question by the title then I will give a small example: So I have "landing page" where users either login or register, pending success, the user would then be re-routed to the "main" page of the app. On this main page…
Charles Roth
  • 473
  • 4
  • 12
3
votes
1 answer

react-native-router-flux can't change background color

I recently upgrade all my dependencies, and now the background of my app is permanently grey on every page. I can not figure out why, but have narrowed it down to the fact that react-native-router-flux is not recognizing backgroundColor properties…
gwalshington
  • 1,418
  • 2
  • 30
  • 60
3
votes
0 answers

`createNavigationContainer()` error while no `createNavigationContainer` was used

I have been trying to learn react native router flux but the tutorial I have been following has outdated code and error does not help me. In this file of code here import React, { Component } from 'react'; import { Router, Scene, TabBar } from…
3
votes
1 answer

what's the best practice navigation react native

I develop a mobile application with react native. I use react-native-router-flux and my App.js like this. import React, { Component } from "react"; import { Router, Scene } from "react-native-router-flux"; import A from './pages/A'; import B from…
3
votes
0 answers

unable to use the parameters on the Actions method in router-flux, receiving component doesn't take the props

i'm still a novice with React-native, and i'm currently building an app with it and react-native-router-flux, the documentation says that Actions.key should pass the object to the page with the [key]. but it does not seem to be working and i can't…
3
votes
1 answer

send data from screen to Tab screen using react-native-router-flux

I am trying to send the data from one screen to another using react-native-router-flux, But the problem is that i am unable to receive data at the receiving end of the screen. Here is my code snippet: In router.js