React Native AppLoading 无需 Expo

React Native 是一个流行的移动应用开发框架，它可以使用 JavaScript 来构建原生应用。在 React Native 中，使用 AppLoading 组件可以在应用启动时显示一个加载界面，以确保应用在加载资源时保持可见性和交互性。通常情况下，使用 Expo 可以方便地使用 AppLoading 组件，但本文将介绍如何在无需 Expo 的情况下的代码来使用 AppLoading。

shell
npm install react-native --save

shell
yarn add react-native

shell
npx react-native init MyApp

shell
npm install expo-app-loading --save

shell
yarn add expo-app-loading

javascript
import React, { useState } from 'react';
import { AppLoading } from 'expo-app-loading';
import { StyleSheet, View, Text } from 'react-native';

javascript
export default function App() {
  const [isLoadingComplete, setLoadingComplete] = useState(false);

javascript
if (!isLoadingComplete) {
    return (
              startAsync={loadResourcesAsync}
        onFinish={() => setLoadingComplete(true)}
        onError={console.warn}
      />
    );
  }

javascript
return (
    
      Hello, React Native!
    
  );
}
const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#fff',
  },
  text: {
    fontSize: 24,
    fontWeight: 'bold',
    color: 'black',
  },
});