2017-10-03 6 views
1

反応ネイティブでの反応ナビゲーションの使用。 jegはアニメーションの最後でどのように関数を実行できますか? だから私は反応ナビゲーションでのアニメーションの終了後のコールバック

navigate('RoadObject',() => { at the end of animationto do something... }); 

のように私のタブナビゲータをコールバックしたい:

const MainNavigator = TabNavigator({ 
    Map: { 
    screen: MapScreen 
    }, 
    RoadObject: { 
    screen: RoadObjectScreen 
    } 
}, 
{ 
    animationEnabled: true 
}); 
+0

あなたが使用しようとすることができ、[対話マネージャ](https://facebook.github.io/react-native/docs/interactionmanager.html) – bennygenel

答えて

1

あなたがTransitioner | React Navigationを試してみましたか?これはあなたのケースに関連するかもしれないよう

はそう...

Transitionerは、複雑なアニメーションコンポーネントの遷移を管理するのに役立ちますリアクトコンポーネントです。アニメーションのタイミングを管理し、さまざまな画面の出入りを追跡しますが、レンダリングが完全に開発者に委ねられているため、何がどのように見えるかはわかりません。 トランジスターは、CardStack、したがってStackNavigatorを実装するために使用されます。 Transitionerは、現在のナビゲーション状態の支柱を取るのが最も便利です。ルートがそのナビゲーション状態から削除されると、Transitionerはそれらのルートからの遷移を調整し、ナビゲーション状態から消えても画面上に維持します。

class MyNavView extends Component { 
    ... 
    render() { 
    return (
     <Transitioner 
     configureTransition={this._configureTransition} 
     navigation={this.props.navigation} 
     render={this._render} 
     onTransitionStart={this.onTransitionStart} 
     onTransitionEnd={this.onTransitionEnd} 
     /> 
    ); 
} 
関連する問題