изменить свойство компонента, которое отображается

голоса
0

Я использую Redux отслеживать, какой экран пользователь находится.

У меня есть вкладка Кнопка компонента:

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

Тогда я называю это из другого компонента:

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

Теперь, когда экран изменения пользователя, как я могу изменить selected props in tab component?

Задан 09/10/2019 в 13:01
источник пользователем
На других языках...                            


1 ответов

голоса
0

Есть два способа для достижения этой цели. 1) OnClick / onpress ваших Tabвы можете направить действие, которое будет обновлять текущий экран пользователя, как в настоящее время, вы перемещаетесь пользователь на этой странице. 2) При загрузке экрана, который собирается загрузить после щелчка / печати.

Вам просто нужно действие, которое будет обновлять текущий экран пользователя

Ответил 09/10/2019 в 13:35
источник пользователем

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