How to traverse scenes

[AlessandroAnnini]

Version

• react-native-router-flux v3.35.0
• react-native v0.33

i have this i my main.js

const scenes = Actions.create(
  <Scene key="root">
    <Scene key="home" component={Home} title="Home Page" initial={true} />
    <Scene key="otherPage" component={OtherPage} title="Other Page" />
  </Scene>
);

const Main = () => {
  console.log('start!');
  return (
    <Provider store={store}>
      <Router scenes={scenes} />
    </Provider>
  );
};

how can i traverse all my scenes and add some props to all? i tried adding an 'App' component to my Router but then inside it i cannot use children..

Which is the right way to go?

[vn-memsource]

I suppose this should work:

let otherProps = {name: "frank"}
...
<Scene key="home" component={Home} title="Home Page" initial={true} {...otherProps} />

now every scene should have a name prop

[AlessandroAnnini]

this would work but i need to change the props after some change in redux state..
I would not 'connect' my main.js to redux making it a container

what i am trying is this:

<Scene key="modal" component={Modal}>
    <Scene key="root">
      <Scene key="app" component={App}>
          <Scene key="home" component={Home} title="Home Page" initial />
          <Scene key="page1" component={Pictures} title="page1" />
          <Scene key="page2" component={Music} title="page2" />
          <Scene key="page3" component={Videos} title="page3" />
        </Scene>
    </Scene>
    <Scene key="loading" component={Loader}/>
  </Scene>

and inside my App component in pseudocode

class App extends Component {
  render() {
    let children = null;
    if (this.props.children) {
      children = React.cloneElement(this.props.children, {
        myNewProp: 'coming_from_redux'
      });
    }
    return (
      <View>
        { children }
      </View>
    );
  }
}

export default connect(mapStateToProps)(App);

but i just cannot make it right.. am i doing something wrong? is there another way?