创建步骤

npx react-native init LongserDemo --template react-native-template-typescript

cd LongserDemo
npm install --save @react-navigation/native
npm install --save @react-navigation/native-stack
npm install --save @react-navigation/bottom-tabs
npm install --save react-native-screens
npm install --save react-native-safe-area-context
npm install --save react-native-vector-icons
npm install --save-dev @types/react-native-vector-icons
npm install --save react-native-linear-gradient
npm install --save react-native-safe-area-context
npm install --save create-react-class
npm install --save-dev @types/create-react-class
npm install --save @react-native-community/datetimepicker 
npm install --save react-native-qrcode-svg
npm install --save @react-native-community/netinfo
npm install --save @react-native-picker/picker
npm install --save @react-native-community/slider
npm install --save @react-native-async-storage/async-storage
npm install --save react-native-webview
npm install --save react-native-gesture-handler
npm install --save react-native-share
npm install --save pinyin-pro
npm install --save umi-request
npm install --save async-validator
npm install --save-dev babel-plugin-module-resolver
//npm install --save-dev babel-plugin-transform-inline-environment-variables
npm install --save async-validator
npx install-expo-modules
npm install -g expo-cli
expo install expo-application
expo install expo-camera
expo install expo-barcode-scanner
expo install expo-image-picker
expo install react-native-svg
expo install expo-image-manipulator
expo install expo-brightness
expo install expo-location
expo install expo-print
expo install expo-web-browser
expo install expo-local-authentication
expo install expo-contacts
expo install expo-device
expo install expo-random
expo install expo-sharing
expo install expo-secure-store
expo install expo-sqlite
cd ios
pod install
cd ..
mkdir src
mv app.json src
mv App.tsx src

index.js

import App from './App';
import App from './src/App';
import {name as appName} from './app.json';
import {name as appName} from './src/app.json';

tsconfig.json

"baseUrl": "./",
"paths": {
      "components": ["./src/components"],
      "components/*": ["./src/components/*"],
      "screens/*": ["./src/screens/*"],
      "theme": ["./src/theme"],
      "demos": ["./src/components/demo.ts"],
    },
...
}
"include": ["src"],

babel.config.js

module.exports = {
  presets: ['module:metro-react-native-babel-preset'],
  plugins: [
    [
      require.resolve('babel-plugin-module-resolver'), {
        extensions: [
          ".ios.js",
          ".android.js",
          ".js",
          ".ts",
          ".tsx",
          ".json"
        ],
        alias: {
          "components": "./src/components",
          "screens": "./src/screens",
          "demos": "./src/components/demo.ts",
          "theme": "./src/theme"
        }
      }]
  ]
};

ios/LongserDemo/info.plist

<key>NSAppTransportSecurity</key>
    <dict>
        <key>NSExceptionDomains</key>
        <dict>
            <key>localhost</key>
            <dict>
                <key>NSExceptionAllowsInsecureHTTPLoads</key>
                <true/>
            </dict>
        </dict>
+        <key>NSAllowsArbitraryLoads</key>
+        <true/>
    </dict>
+ <key>NSCameraUsageDescription</key>
+    <string>Allow $(PRODUCT_NAME) to use the camera</string>
+    <key>NSMicrophoneUsageDescription</key>
+    <string>Allow $(PRODUCT_NAME) to use the microphone</string>
+    <key>NSPhotoLibraryUsageDescription</key>
+    <string>"Allow $(PRODUCT_NAME) to access your photos"</string>
+    <key>NSFaceIDUsageDescription</key>
+    <string>"$(PRODUCT_NAME) 只访问认证接口，并不会读取手机采集的数据"</string>
+ <key>NSContactsUsageDescription</key>
+ <string>Allow $(PRODUCT_NAME) to access your contacts</string>
+    <key>UIAppFonts</key>
+    <array/>

    <key>NSCameraUsageDescription</key>
    <string>Allow $(PRODUCT_NAME) to use the camera</string>
    <key>NSMicrophoneUsageDescription</key>
    <string>Allow $(PRODUCT_NAME) to use the microphone</string>
    <key>NSPhotoLibraryUsageDescription</key>
    <string>"Allow $(PRODUCT_NAME) to access your photos"</string>
    <key>NSFaceIDUsageDescription</key>
    <string>"$(PRODUCT_NAME) 只访问认证接口，并不会读取手机采集的数据"</string>
      <key>NSContactsUsageDescription</key>
      <string>Allow $(PRODUCT_NAME) to access your contacts</string>
    <key>UIAppFonts</key>
    <array/>
  LSApplicationQueriesSchemes

src/app.json

{
  "name": "LongserDemo",
  "displayName": "LongserDemo",
  "expo": {
    "plugins": [
      [
        "expo-image-picker",
        {
          "photosPermission": "The app accesses your photos to let you share them with your friends."
        }
      ]
    ]
  },
  "ios": {
    "entitlements": {
      "com.apple.developer.networking.wifi-info": "true"
    }
  }
}

替换 App.tsx，复制其他文件过来

开两个窗口

npx react-native start

npx react-native run-ios

直接设置图标和Splash，完全不需要外部的Splash库

Todo: clear Console.log

https://icon.wuruihong.com
https://github.com/crazycodeboy/react-native-splash-screen/blob/master/add-LaunchScreen-tutorial-for-ios.md

React-Native启动页及ICON设置