I used expo eject
to separate Expo. I tried splash.hide()
to hide the basic splash screen. But it doesn’t work on Android
. The screen will not move smoothly in IOS
.
Why doesn’t Android
work at all?
And Android
, IOS
, all of these functions don’t work.
didn’t work function
const images = [require("./image/realloginpin.png")];
const cacheImages = images.map(image =>
Asset.fromModule(image).downloadAsync()
);
return Promise.all(cacheImages);
My use Splash Screen.js
import React, { Component } from "react";
import HomeScreen from "./screen/HomeScreen";
import { AsyncStorage, Image, View } from "react-native";
import { Asset, AppLoading, SplashScreen } from "expo";
export default class AwesomeApp extends Component {
constructor(props) {
super(props);
this.state = {
areReasourcesReady: false
};
}
async componentDidMount() {
SplashScreen.hide();
this.cacheResourcesAsync() // ask for resources
.then(() => this.setState({ areReasourcesReady: true })) // mark reasources as loaded
.catch(error =>
console.error(`Unexpected error thrown when loading:
${error.stack}`)
);
await Expo.Font.loadAsync({
Roboto: require("native-base/Fonts/Roboto.ttf"),
Roboto_medium: require("native-base/Fonts/Roboto_medium.ttf"),
Ionicons: require("native-base/Fonts/Ionicons.ttf")
});
}
async cacheResourcesAsync() {
const images = [require("./image/realloginpin.png")];
const cacheImages = images.map(image =>
Asset.fromModule(image).downloadAsync()
);
return Promise.all(cacheImages);
}
render() {
if (!this.state.areReasourcesReady) {
return (
<View
style={{ flex: 1, justifyContent: "center", alignItems: "center" }}
>
<Image
source={require("./image/testimage.png")}
onLoad={this.cacheResourcesAsync}
/>
</View>
);
}
return <HomeScreen />;
}
}
Please give me a lot of solutions.
Please help me a lot.
Thank you in advance.