Wix react-native-navigation共享元素过渡不起作用

时间:2020-05-25 15:34:05

标签: react-native react-native-navigation shared-element-transition wix-react-native-navigation

我一直在尝试使用wix react本机导航共享元素过渡动画。但这是行不通的,在这方面似乎没有太多帮助。

屏幕2被压入堆栈,但是没有共享元素动画。 我已经尝试了几乎所有东西。没用

Screen1:

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

0 个答案:

没有答案