Реагировать компонент навигации значок Анимация - PullRequest
Новая
       10

Реагировать компонент навигации значок Анимация

0 голосов
/ 19 марта 2019

У меня есть реагирующий навигационный нижний навигатор V3 с тремя вкладками:

  • Афиша
  • ArScreen
  • Настройки

СредняяЗначок должен быть большим значком, и когда я перехожу на соответствующий экран, мне нужно запустить анимацию на этом значке.Анимация основана на эффекте Gooey, как здесь:

https://itnext.io/react-native-tab-bar-is-customizable-c3c37dcf711f

Итак, мой вопрос:

Я нашел, как добавить этот компонент ICON в мою панель вкладок, как это: 

const MainNavigator = createBottomTabNavigator({
 Affiche: {
  screen: Affiche,
 },
 ArScreen: {
  screen: ArScreen,
  navigationOptions: ({navigation}) => ({
    tabBarIcon: (<AddButton/>),
    tabBarOnPress: ({navigation}) => {
      this.child.handleAddButtonPressOpen();
      navigation.navigate('ArScreen');
    }
 })
},
 Settings: {
  screen: Settings,
 }
});

и мой компонент AddButton получил функцию, которая включает анимацию: 

handleAddButtonPressOpenClose = () => {
     let { pressed } = this.state;
     if(pressed) {
         this.animateReverse(0);
     }
     else {

             this.animate(1);
     }
     this.setState({pressed: !pressed});
 }

Поэтому, когда я нажимаю среднюю кнопку, я хочу, чтобы навигация перешла на экран ArScreen итакже запустите анимацию AddButton.На самом деле я не могу заставить их бегать вместе.

...