Блог

Мое приложение React native показывает пустой белый экран перед заставкой, пожалуйста, кто-нибудь поможет мне решить эту ошибку.. Вы можете посмотреть мое видео с приложением здесь https://drive.google.com/file/d/1-1eocUqfJ4_bD-G8zeJobbwb-xbIvOsT/view?usp=sharing

Я использую собственный настраиваемый экран-заставку с навигацией по реакции. Мое приложение получает некоторое время для открытия приложения и отображения пустого белого экрана перед заставкой.

При запуске пустого экрана терминал показывает только index.bundle, и через некоторое время вызывается метод componentDidMount () моего приложения SplashScreen componentDidMount().

index.js

 import {AppRegistry, LogBox} from 'react-native';
import App from './App';
import {name as appName} from './app.json';
AppRegistry.registerComponent(appName, () => App);

if (Platform.OS === 'web') {
const rootTag = document.getElementById('root') || document.getElementById('main');
AppRegistry.runApplication('NameHippo', { rootTag });
}
LogBox.ignoreAllLogs(true)
 

App.js

 function App() {
return (
    <NavigationContainer>
    <Stack.Navigator
        initialRouteName="Splash Screen"
        headerMode="none"
        screenOptions={{gestureEnabled: true,}}>
        <Stack.Screen name="Intro Screen" component={IntroScreen} />
        <Stack.Screen name="Main Screen" component={HomeScreen} />
        <Stack.Screen name="Splash Screen" component={SplashScreen} />
    </Stack.Navigator>
    </NavigationContainer>
);
}
export default App;