App.android.tsx

/*
 * @Author: czy0729
 * @Date: 2019-03-30 19:25:19
 * @Last Modified by: czy0729
 * @Last Modified time: 2024-05-21 05:29:57
 */
import React, { useEffect } from 'react'
import { LogBox, StatusBar } from 'react-native'
import { GestureHandlerRootView } from 'react-native-gesture-handler'
import { SafeAreaProvider } from 'react-native-safe-area-context'
import { enableScreens } from 'react-native-screens'
import Provider from '@ant-design/react-native/lib/provider'
import { BackAndroid, DeepLink, DEV } from '@components'
import { AppCommon } from '@_'
import { _ } from '@stores'
import {
  useCachedResources,
  useDimensions,
  useErrorHandlerAndroid,
  useOrientation
} from '@utils/hooks'
import { WSA } from '@constants'
import Stacks from '@src/navigations/native-stacks'
import theme from '@styles/theme'
import { ANDROID_DEV_MENU } from './config'

enableScreens(false)
LogBox.ignoreAllLogs(true)
StatusBar.setBarStyle('dark-content')
StatusBar.setBackgroundColor('transparent')

export default function App() {
  // 加载图标等资源
  const loadingResult = useCachedResources()

  // 全局致命错误捕捉
  useErrorHandlerAndroid()

  // 获取水平状态, 只有平板允许横屏, 手机锁竖屏
  const orientation = useOrientation()
  useEffect(() => {
    _.toggleOrientation(orientation)
  }, [orientation])

  // WSA 子系统窗口是可以随意改变大小的
  const { window } = useDimensions()
  useEffect(() => {
    if (WSA) {
      requestAnimationFrame(() => {
        _.updateLayout()
      })
    }
  }, [window])

  if (!loadingResult) return null

  const isLoadingComplete = loadingResult >= 3
  return (
    <GestureHandlerRootView style={_.container.flex}>
      <SafeAreaProvider style={_.container.flex}>
        {/* @ts-ignore */}
        <Provider theme={theme}>
          <Stacks isLoadingComplete={isLoadingComplete} />
          {isLoadingComplete && (
            <>
              <AppCommon />
              <BackAndroid />
              <DeepLink />
              {ANDROID_DEV_MENU && <DEV />}
            </>
          )}
        </Provider>
      </SafeAreaProvider>
    </GestureHandlerRootView>
  )
}