Навигатор настраиваемых ящиков Contentoptions работает реагировать навигация 4 - PullRequest
0 голосов
/ 10 июля 2020

Привет всем, я делаю собственное приложение и приложение expo, ранее у меня была проблема с глобальными данными и моим исправлением, использующим Redux, в этот момент я реализую redux так:

const DrawerStack = createDrawerNavigator({
  Galeria: {
    screen: Home,
    navigationOptions: {
      drawerLockMode : 'locked-closed',
      drawerIcon: ({ tintColor, focused }) => (
        <Icon
        type='Entypo'
        name='camera'
        style={{fontSize:20, color : tintColor}}
        />)
      } 
  },
  Modificar : {
    screen: editprofile,
    navigationOptions: {
      drawerLockMode: 'locked-closed',
      drawerIcon: ({ tintColor, focused }) => (
        <Icon
        type='FontAwesome5'
        name='user-edit'
        style={{fontSize:20, color : tintColor}}
        />)
    }
  }
},
{
  drawerPosition: 'right',
  contentOptions : {
    activeTintColor:'#ffffff',
    inactiveTintColor : '#1f1f1f',
    activeBackgroundColor : '#24d060', 
    inactiveBackgroundColor: '#ffffff',
    headerMode: 'none'
  },
  contentComponent:({navigation, items, renderIcon, getLabel, onItemPress}) => (
    <Provider store ={createStore(Reducers)}>
    <CustomDrawerContentComponent 
    items={items}
    renderIcon={renderIcon} 
    getLabel={getLabel}
    navigation={navigation}
    onItemPress={onItemPress}/>
    </Provider>
  ),
})

проблема в том, почему "contentoptions" работает сейчас .. ¿Есть ли другой способ реализации?

tkx 4 ответов

1 Ответ

0 голосов
/ 10 июля 2020

[решено] Я разрешаю это сделать, сделав другой компонент внутри контейнера моего приложения, а поставщика - снаружи

const Aplicacion = createAppContainer(
  createSwitchNavigator(
    {
      AuthLoading: AuthLoadingScreen,
      App: DrawerStack,
      Login: Loginstack
    },
    {
      initialRouteName: 'AuthLoading'
    }
  )
);export default class App extends React.Component {
  render() {
    return (
      <Provider store={createStore(Reducers)}>
        <Aplicacion/>
      </Provider>
    );
  }
}
...