Я пытаюсь настроить анимацию при навигации по экранам с нижних вкладок в 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',
},
},
}
Но это не работает