9 thoughts on “How would I use react-native-router-flux with this?”

  2. Yes, we are infact using that router for one of our projects. What we are doing is, we have a Router component at the root of our project. We define the scenes/routes in our router and for that, we don’t need the Container component. We only use the container where we define our views, not the routes.

  3. Hi,

    I think providing a concrete example, or a “full app” working with react-native-router-flux & NativeBase could be great for this project! This will make easier to new people to jump in.

  8. I’m waiting to switch to the new official navigation system once it is released, but in the mean time I am wrapping my scenes in a container, and then adding sceneStyle={{ paddingTop: … }} to my Router, with different values for android and iOS.
    So each of my scenes looks like:

    <Container>
  <Content>
    ...
  </Content>
  <Footer>
    ...
  </Footer>
</Container>

    As far as I can tell it works nicely, but I haven’t tried it with too many devices, just my iPhone 7 Plus.

9 thoughts on “How would I use react-native-router-flux with this?”

  1. Yes, we are infact using that router for one of our projects. What we are doing is, we have a Router component at the root of our project. We define the scenes/routes in our router and for that, we don’t need the Container component. We only use the container where we define our views, not the routes.

  2. Hi,

    I think providing a concrete example, or a “full app” working with react-native-router-flux & NativeBase could be great for this project! This will make easier to new people to jump in.

  3. Yes, that is actually on our to-do list. A full boilerplate app with native-base, react-native-router-flux and redux

  6. I’m waiting to switch to the new official navigation system once it is released, but in the mean time I am wrapping my scenes in a container, and then adding sceneStyle={{ paddingTop: … }} to my Router, with different values for android and iOS.
    So each of my scenes looks like:

    <Container>
  <Content>
    ...
  </Content>
  <Footer>
    ...
  </Footer>
</Container>

    As far as I can tell it works nicely, but I haven’t tried it with too many devices, just my iPhone 7 Plus.