reactjs - Only one callback may be registered. Shows this error for Expo Appload -
here immage of error get:
want change splash screen of app , trying use expo appload. when added on app.js shows error. how can isolve error? here code.
app.js
import react 'react'; import {stylesheet, text, view,scrollview,image,icon } 'react-native'; import { asset, apploading, } 'expo'; import welcomescreen './screens/welcomescreen'; import signinscreen './screens/signinscreen'; import signupscreen './screens/signupscreen'; import homescreen './screens/homescreen'; import businessscreen './screens/businessscreen'; import profilescreen './screens/profilescreen'; import settingsscreen './screens/settingsscreen'; import contactscreen './screens/contactscreen'; import forgetpassscreen './screens/forgetpassscreen'; import { tabnavigator, drawernavigator, stacknavigator,contentoptions} 'react-navigation'; import drawercontent './components/drawercontent' export default class app extends react.component { state = { isready: false, }; componentwillmount() { this._cacheresourcesasync(); } render() { if (!this.state.isready) { return <apploading />; } return ( <view> <image source={require('./assets/images/expo-icon.png')} /> <image source={require('./assets/images/slack-icon.png')} /> </view> ); } async _cacheresourcesasync() { const images = [ require('./assets/images/expo-icon.png'), require('./assets/images/slack-icon.png'), ]; (let image of images) { await asset.frommodule(image).downloadasync(); } this.setstate({isready: true}); } } const mainnavigator = tabnavigator({ welcome: { screen: welcomescreen }, signin: { screen: signinscreen }, signup: { screen: signupscreen }, main: { screen: drawernavigator({ home: { screen: homescreen }, business: { screen: businessscreen }, profile : { screen: profilescreen }, settings : {screen: settingsscreen}, contact: {screen:contactscreen}, }, { drawerposition: 'left', contentcomponent: props => <scrollview>< drawercontent {...props} /></scrollview>, contentoptions: { inactivetintcolor: '#1414fc', activebackgroundcolor: '#383838', activetintcolor: '#1414fc', } } ), forget : { screen: stacknavigator({ forgetpass:{screen: forgetpassscreen}, }, ) } } }, ); return ( <mainnavigator /> ); } }
how can problem solved? link of documentation of expo apploading here.
as see trying mix customized app.js includes react-navigation.
Comments
Post a Comment