export default function App(props) { const [isLoadingComplete, setLoadingComplete] = useState(false); if (!isLoadingComplete && !props.skipLoadingScreen) { return ( <AppLoading startAsync={loadResourcesAsync} onError={handleLoadingError} onFinish={() => handleFinishLoading(setLoadingComplete)} /> ); } else { return ( <View style={styles.container}> {Platform.OS === 'ios' && <StatusBar barStyle="default" />} <AppNavigator /> </View> ); } }
render() { const {ready} = this.state const {decks} = this.props if (ready === false) { return ( <AppLoading/> ) } return ( <View style={styles.container}> <FlatList contentContainerStyle={{width: '100%'}} data={Object.keys(decks).map(title => (decks[title]))} renderItem={(deck) => { return <DeckSummary title={deck.item.title} cards={deck.item.questions.length} onPress={() => this.onPressDeck(deck.item.title)}/> }} keyExtractor={item => item.title} /> </View> ) }
render() { if (!this.state.isReady) { return ( <AppLoading startAsync={this.loadAssetsAsync} onFinish={() => this.setState({ isReady: true })} onError={console.warn} /> ); }else{ return ( <Provider store = { store }> <View style={{ flex: 1, marginTop: StatusBar.currentHeight }}> <AppContainer /> </View> </Provider> ); } }
render() { if (!this.state.isReady) { return <AppLoading />
<AppLoading startAsync={loadResourcesAsync} onError={handleLoadingError}
export default function App(props) { const [isLoadingComplete, setLoadingComplete] = useState(false); if (!isLoadingComplete && !props.skipLoadingScreen) { return ( <AppLoading startAsync={loadResourcesAsync} onError={handleLoadingError} onFinish={() => handleFinishLoading(setLoadingComplete)} /> ); } else { return ( <View style={styles.container}> {Platform.OS === 'ios' && <StatusBar barStyle="default" />} <AppNavigator /> </View> ); } }