トランジションをスムーズにしますか？

Question

私はもっと一般的な質問があります。私のアプリでは、React Native Router Fluxを使ってページ間を移動しています。私はページに応じて気づいた、それはよりスムーズに移行します。特に、カメラを利用するページを開こうとすると、遷移は不安定でひどいです。明らかに、カメラが呼び出され、ライブフィードがそのページがロードされると、ページにロードされるので、多く利用されます。

他の多くのアプリのように、これらのトランジションをうまく動かすことができますか？ロジックを避けるためにComponentDidMountやコンストラクタのようなメソッドがありますか？実装するための戦略はありますか？

アドバイスは素晴らしいです！

Answer 1

InteractionManager.runAfterInteractionsコールバックを使用すると、現在のトランジションが完了するまで高価なレンダリングを遅延させることができます。

class SomeView extends Component { 
    state = { 
    ready: false 
    } 

    componentDidMount() { 
    InteractionManager.runAfterInteractions(() => { 
     this.setState({ready: true}) 
    }); 
    } 

    render() { 
    if (!this.state.ready) { 
     // render some placeholder view 
    } 

    // render the actual view 
    } 
}