modifier propriétés du composant qui est mappé

voix
0

J'utilise Redux pour suivre quel utilisateur écran est à.

J'ai un onglet bouton composant:

Tab.js:

class Tab extends Component {
  render() {
    return (
      <Button onPress={() => navigation.navigate(route)}>
        <Icon
          style={selected ? deviceStyle.tabSelectedColor : deviceStyle.tabDefaultColor}
          type=Ionicons
          name={icon}
        />
        <Text style={selected ? deviceStyle.tabSelectedColor : deviceStyle.tabDefaultColor}>
          {title}
        </Text>
      </Button>
    );
  }
}

Ensuite, je l'appelle d'un autre composant:

const items = [
{
  screen: 'home',
  title: 'home',
  icon: 'apps',
  route: 'Home'
}]

renderTab = () => {
    return items.map((tabBarItem, index) => {
      return (
        <Tab
          key={index}
          title={tabBarItem.title}
          icon={tabBarItem.icon}
          route={tabBarItem.route}
        />
      );
    });
  };

Maintenant, lorsque l' écran de changement d'utilisateur, comment puis - je changer selected props in tab component?

Créé 09/10/2019 à 13:01
source utilisateur
Dans d'autres langues...                            


1 réponses

voix
0

Il y a deux façons d'y parvenir. 1) Onclick / onPress de votre , Tabvous pouvez envoyer une action, qui mettra à jour l' écran actuel de l' utilisateur, comme actuellement, vous naviguez utilisateur sur cette page. 2) Sur la charge de l' écran, qui va charger après l' onglet cliquez / appuyez sur.

Vous avez juste besoin d'une action qui mettra à jour l'écran actuel de l'utilisateur

Créé 09/10/2019 à 13:35
source utilisateur

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more