Я пытался использовать анимацию перехода общих элементов навигации Wix React. Но это не работает, и, похоже, в этом нет особой помощи.
Экран 2 помещается в стек, но анимации общих элементов нет. Я перепробовал почти все. Ничего не работает
Экран1:
<View style={styles.inputContainer}>
<Button
title="SignUp"
style={{...buttonStyle, ...formDimensions.dimensions}}
nativeID={`signUpButton1`}
onPress={() => {
this.signUpButtonHandler();
}}
/>
</View>
signUpButtonHandler = () => {
Navigation.push(this.props.componentId, {
component: {
name: 'mainApp.SignUpScreen',
},
options: {
animations: {
push: {
enabled: true,
sharedElementTransitions: [
{
fromId: `signUpButton1`,
toId: `signUpButtonDest`,
duration: 300
},
],
},
},
},
});
};
Экран 2:
<View style={styles.inputContainer}>
<Button
title="SignUp"
style={{
...buttonStyle,
...formDimensions.dimensions,
...styles.button,
}}
nativeID={`signUpButtonDest`}
onPress={() => {
this.signUpButtonHandler();
}}
/>