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
7
votes
4 answers

Customizing default navigation bar of react-native-router-flux

I am using react native router flux for navigation in my react native project. Router flux has a default navBar. Is there a way to customize the navBar? like, changing colour of text and background. I tried editing the file in…
Avikrit Khati
  • 71
  • 1
  • 1
  • 4
7
votes
1 answer

Nested Scenes in React Native with React-Native-Router-Flux

I'm using React-Native-Router-Flux (V. 3.37) to build an Android app and I'm trying to create nested scenes. Using the DefaultRenderer element I have been able to create a single nested scene, but I'd like there to be multiple and to be able to…
7
votes
1 answer

How to nest Scene and navigate with direction='vertical' in React Native Router Flux?

I would like to nest react-native-router-flux's and attempted the following, but I am not able to navigate to the from :
user3259472
7
votes
1 answer

Vertical scrollview conflicting with vertical navigation

In my react native app I'm using askonov's react-native-router-flux to display a scene with a vertical ScrollView widget. I've configured the scene to float up from the bottom and it appears that, by default, dragging down from the top closes the…
frank
  • 1,322
  • 1
  • 10
  • 28
6
votes
1 answer

BackHandler is not working in react-native side-menu when using react-native router-flux

I am working on react-native to develop a sample application. Here I got an issue when I was using backHandler in the react-native side-menu component. Actually, the side menu contains more pages! But when clicking the Android back button in the…
6
votes
0 answers

Is it possible to preload a component before navigating to it?

Navigation in my application feels a little janky, because there's always a period of time (Even if it's just a split second) that the page is empty, between initialization and the first render call completing. I've done everything I can to make…
Hobbyist
  • 15,888
  • 9
  • 46
  • 98
6
votes
2 answers

How to hide or remove shadow or bottomBorder in react-native IOS

I am using react-native-router-flux v4.0 library for showing navigation bar in react-native. Here I created a custom navigation bar. Here is my code : _renderLeft() { return (
6
votes
1 answer

Custom navBar using react-native-router-flux

I can't t seem to find any complete examples for creating your own navBar component and then wiring it up to react-native-router-flux. Can anyone help me out? Looking at the github issues it seems like this is a big need for the library. What I'm…
Shorpy
  • 1,549
  • 13
  • 28
6
votes
1 answer

react-native-router-flux: How to prevent Tab Scene history stack from being reset when changing between tabs?

I have a Router setup with 2 tab scenes: Tab 1: have 2 navigable scenes (static screens); Screen A: have a button to navigate to Screen B; Screen B: just have a text; Tab 2: just have 1 static screen. Screen C: just have a text; The code is…
Almir Filho
  • 4,671
  • 1
  • 14
  • 14
6
votes
2 answers

Is it possible to add custom buttons to NavBar in react-native-router-flux?

I want to add a burger menu button when viewing certain pages and a right side button that appears on all pages. Is this possible with react-native-router-flux? UPDATE: I was able to get the right side button in without too much trouble by using…
SomethingOn
  • 9,813
  • 17
  • 68
  • 107
5
votes
2 answers

Cannot find module 'react-native-reanimated/plugin' from /projectFolder

I wanted to use react-native-router-flux so i added its dependencies as described in its documents. I also added babel plugin dependency for react-native-reanimated in babel.config.js as below: module.exports = { presets:…
5
votes
2 answers

Redirection not working on componentWillMount() react-native-router-flux

componentWillMount() { var user = UserService.findAll(); if (user.length > 0) Actions.home(); } where 'home' is Scene key in my router.js. On the other hand onButtonPress() { var user = UserService.findAll(); if…
Firdous nath
  • 1,487
  • 1
  • 14
  • 38
5
votes
0 answers

React-Native-Router-Flux background Image

I got a Problem with my App right now. react-native version: 0.51 react-native-router-flux version: 4.0.0-beta.27 In my Android Version everything works fine. On IOS my Background Image is not displayed, it is only displayed on the first Layer of…
user3454877
5
votes
4 answers

react-native-router-flux tabs how to change icon of the selected tab?

I'm using the navigation tabs from react-native-router-flux ^4.0.0-beta.21 and react-native-vector-icons. How do I change the icon or change the color of the icon of the selected scene when the scene is selected?
frogLuan
  • 191
  • 1
  • 5
  • 11
5
votes
4 answers

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…
1
2
3
41 42