クリックすることなく次のページへネイティブジャンプする

Question

私は、GIFアニメーション用のページだけがあるアプリケーションをビルドしています。そのGIFアニメーションが終了したら、自動的に次のページに移動します。それ、どうやったら出来るの？

gifページが3秒間表示され、次のページに移動するように、タイマーを使用するはずですか？または、これにアプローチする最善の方法は何ですか？

render() { 
     return (
      <Navigator 
       renderScene={this.renderScene.bind(this)} 
       navigator={this.props.navigator} 
       /> 
     ); 
     } 
     renderScene(route, navigator) { 
     return (
      ...); 
     } 

Answer 1

まあ、それはあなたが使用しているもののナビゲーションスキームあなたの質問から明らかではないが、GIFの長さがわかっている場合に関係なく、プロセスは自明行われます。私は、ルーティングを管理する方法

。それは不明だ場合、私はあなたがより多くの仕事のためにしている疑いがあるが、それ以外は単に：

const GIF_LENGTH = 5 * 1000; // 5 second gif 
class MyComponent extends React.Component { 
    componentDidMount() { 
     setTimeout(() => nav.push({ name: 'NextPage' }), GIF_LENGTH); 
    } 
    render() { 
     return < gif display here >; 
    } 
} 

明らかアプリケーションでのルーティングを管理するただしの詳細とnav.push(...)を交換してください。