verschuivingscomponent eigenschap die is afgebeeld

stemmen
0

Ik gebruik redux bij te houden welke scherm gebruiker zich bevindt.

Ik heb een tab knop component:

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

Dan roep ik vanuit een andere component:

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

Nu, wanneer de gebruiker verandering scherm, hoe kan ik het veranderen selected props in tab component?

De vraag is gesteld op 09/10/2019 om 13:01
bron van user
In andere talen...                            


1 antwoorden

stemmen
0

Er zijn twee manieren om dit te bereiken. 1) onclick / onPress van uw Tabu een actie, die huidige scherm gebruiker wordt bijgewerkt, zoals nu, je navigeert de gebruiker op die pagina kan verzenden. 2) Op last van het scherm, dat gaat te laden na het tabblad klikt / pers.

U een actie die huidige scherm gebruiker wordt bijgewerkt hoeft alleen

antwoordde op 09/10/2019 om 13:35
bron van user

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