Eu tenho adereços que são carregados do servidor na tela inicial. Quero passá-los para o restante das telas da guia. No entanto, não encontrei nenhum exemplo online. Conheço o screenProps, mas não faço ideia de como configurá-lo. Todos os métodos que tentei resultaram em erros.

const EProj = TabNavigator({
  Home: { screen: HomeScreen },
  Map: { screen: MapG },
  Login: { screen: Login },
  Profile: { screen: Profile },
}, {
  tabBarPosition: 'bottom',
  animationEnabled: true,
  tabBarOptions: {
    activeTintColor: '#1abc9c',
  },
});

Esta é a minha configuração de tela. Onde devo colocar os screenProps?

<EProj
  screenProps={cats}
/>

Qualquer bom exemplo de como configurar isso seria útil. Desde já, obrigado.

Configuração da tela inicial:

class HomeScreen extends React.Component {
  static navigationOptions = {
    tabBarLabel: 'Home',
  };

...

  componentWillMount(){
    console.log("Starting to load assets from server!");
    this.onLoadCats(); /*starts asset loading*/
  }

  render() {
    return (
      <View style={styles.container}>

        <Text>Welcome to alpha 1.17 This is hard system test.</Text>
        <AssetsLoad catsL={this.state.catsL} />
      </View>
    );
  }
}