Реагируйте нативный переход на следующую страницу без нажатия

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(...) с особенностями, однако управлять маршрутизацией в приложении.