Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

One of the easiest way to implement flux with react-native is to use react-native-router-flux which provide a very easy way to use flux architect.

This is one of the simplest example for react-native-router-flux. Here we will see how we can navigate from one view to another view.  Let's get started with following step.

 

Create hello react-native application

In terminal / command  window

  react-native init HelloFlux

Navigate to HelloFlux directory  and install react-native-router-flux npm package

First navigate to the directory that contain package.json inside HelloFlux directory from terminal and run following command. This will install react-native-router-flux  node package into the project.

  npm install --save react-native-router-flux

 

 

Diving into coding

In index.android.js for android and  index.ios.js for iOS type in the following code.