如何在提取完成後自動導航到另一個屏幕

Question

我是React Native中的新成員，嘗試創建我的第一個應用程序。所以我有一個問題：

我有2個屏幕（使用react-navigation）。在第一個屏幕上，微調器（從本機基地）呈現應用程序徽標，並同時獲取到服務器。只有當抓取結束並處理響應時，我才需要導航到另一個屏幕。我在反應導航文檔中找到的所有內容都是按鈕的解決方案，但這不是我的情況。此外，我不想使用ActivityIndi​​catorIOS（應用程序應該是正確的Android）。

請幫我理解我該怎麼辦？

非常感謝！

Answer 1

只需調用導航函數，然後在捕獲中正確回調提取或處理錯誤。

react-navigation的每個屏幕獲得navigation支柱。您可以使用navigate功能導航到任何屏幕。像這樣的東西

class FirstScreen extends React.Component { 
    static navigationOptions = { 
    title: 'First', 
    } 
    componentDidMount(){ 
    const {navigate} = this.props.navigation; 
    navigate('Second'); 
    fetch('http://apiserver').then((response) => { 
     navigate('Second'); 
    }); 
    } 
    render() { 
    return (
     <AppLogo /> 
    ); 
    } 
} 

const AppNavigator = StackNavigator({ 
    First: { 
    screen: FirstScreen, 
    }, 
    Second: { 
    screen: SecondScreen, 
    }, 
});