反應本地跳轉到下一頁，而不點擊

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(...)。