React-native-router-flux: 장면 전환을 위한 사용자 지정 애니메이션

안녕하세요, 여기에서 rtl 언어(예: 아랍어, 전환이 오른쪽에서 왼쪽으로 이루어지도록)를 처리하는 방법이 있습니다.

  rtlAwareAnimation(pos, navState) {
    const factor = I18n.rtl() ? -1 : 1;
    Animated.spring(
      pos,
      {
        bounciness: 0,
        toValue: factor*navState.index,
      }
    ).start();
  },

  render() {
    return (
      <Router>
        <Scene key="signIn" component={SignIn} title={I18n.t('signIn')} initial={true} applyAnimation={this.rtlAwareAnimation} />
        <Scene key="dashboard" component={Dashboard}applyAnimation={this.rtlAwareAnimation} />
      </Router>
    );

그러나 장면이 특별한 위치에 배치되므로 전환 방향이 다음 장면이 있는 위치와 일치해야 하므로 여전히 유용하지 않습니다.

위에서 아래로 또는 그 반대로 어떻게 될까요? 1차원만 처리하는 것 같습니다.

그들은 이미 이 문제를 해결했습니다. 기본적으로 방향이 rightToLeft이기 때문에 direction 속성을 제공하기만 하면 됩니다.
import { I18nManager } from 'react-native'
let directionSide = I18nManager.isRTL ? 'leftToRight' : null
<Scene key='xXXXX' component={XXXXX} title='XXXXX' direction={directionSide}/>