endre komponenten egenskap som er tilordnet

stemmer
0

Jeg bruker redux å spore hvilke skjermen brukeren er på.

Jeg har en fane knapp komponent:

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>
    );
  }
}

Da kaller jeg det fra en annen komponent:

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}
        />
      );
    });
  };

Nå, når brukeren endre skjerm, hvordan kan jeg endre selected props in tab component?

Publisert på 09/10/2019 klokken 13:01
kilden bruker
På andre språk...                            


1 svar

stemmer
0

Det er to måter å oppnå dette. 1) onclick / onpress din Tabkan du sende en handling, som vil oppdatere brukerens gjeldende skjerm, som i dag, er du navigerer brukeren på den siden. 2) På belastning på skjermen, som kommer til å laste etter fanen klikk / trykk.

Du trenger bare en handling som vil oppdatere brukerens gjeldende skjermbilde

Svarte 09/10/2019 kl. 13:35
kilden bruker

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