Question

我没有为我的应用使用原生导航。我有这些SVGIcon，我希望用户点按这些this package并从左侧向右滑动新页面。在页面上点击后面时，页面应向后滑动到右侧。在其他情况下，我希望页面从左侧或顶部滑入等...每次，＆＃34;返回＆＃34;按钮应该只是逆转过渡。

我找到{{3}}，我可以从右边滑入页面。我的问题是后退按钮也将页面向左滑动。这是我执行此操作的示例代码。

import React from 'react';
import { createTransition, SlideLeft, SlideRight } from 'react-native-transition';

const Transition = createTransition(SlideLeft);

export default class App extends React.Component {
  //... some code to decide what page is CurrentScreen
  render() {
    return (
      <Transition>
        <CurrentScreen navigate={this.navigate} />
      </Transition>
    )
  }
}

从此代码中，如果SlideRight节点已在使用Transition，我不确定如何实施SlideLeft。也许有更好的包装，或内置的方式来处理我想要的东西？

Answer 1

看看以下内容：

反应导航库是最简单的实现，并且有一个推荐的流体转换社区扩展，它允许您设置一个出现和消失的动画：

<Transition appear='scale' disappear='bottom'>
  <View style={styles.circle}/>
</Transition>

对于原生过渡，请查看来自wix团队的优秀库：https://wix.github.io/react-native-navigation/#/third-party-libraries-support

React-Native页面转换

1 个答案: