Как добавить анимацию в навигацию bottomTabs с помощью реакции-нативной навигации - PullRequest
0 голосов
/ 02 мая 2020

Я пытаюсь настроить анимацию при навигации по экранам с нижних вкладок в wix реагировать-нативная навигация

Navigation.events().registerAppLaunchedListener(() => {
  Navigation.setRoot({
    root: {
      bottomTabs: {
        id: 'BOTTOM_TABS_LAYOUT',
        children: [
          {
            stack: {
              id: 'HOME_TAB',
              children: [
                {
                  component: {
                    id: 'HOME_SCREEN',
                    name: 'HomeScreen',
                  },
                },
              ],
              options: {
                bottomTab: {
                  icon: require('./home.png'),
                },
              },
            },
          },
          {
            stack: {
              id: 'PROFILE_TAB',
              children: [
                {
                  component: {
                    id: 'PROFILE_SCREEN',
                    name: 'ProfileScreen',
                  },
                },
              ],
              options: {
                bottomTab: {
                  icon: require('./profile.png'),
                },
              },
            },
          },
        ],
      },
    },
  });
});

Я хочу добавить анимацию (перевод x) при переходе с HomeScreen на ProfileScreen при нажатии на нижние вкладки.

Я уже пробовал это в Navigation.setDefaultOptions объекте:

animations: {
    push: {
      enabled: true,
      waitForRender: true,
      content: {
        translationX: {
          from: Dimensions.get('window').width,
          to: 0,
          interpolation: 'decelerate',
        },
      },
    },
   }

Я также пытался установить анимацию на setStackRoot и setRoot:

animations: {
    setStackRoot: {
      enabled: true,
      waitForRender: true,
      translationX: {
        from: Dimensions.get('window').width,
        to: 0,
        interpolation: 'decelerate',
      },
    },
   }

Но это не работает

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...