关于react-native:ReactNative-项目采用-Typescript-处理-Global-全局变量的方案

0、前言

在一般的 React-Native 我的项目中，全局变量 Global 设置很简略，很多中央也有例子，就不赘述了。当 React-Native 我的项目中引入了 Typescript 须要重新处理一下能力应用。

1、革新 Global.ts

将 setGlobal 设置为一个函数

import { Dimensions, Platform , PixelRatio } from "react-native";const OS = Platform.OSconst { width, height } = Dimensions.get('window');const setGlobal = () => {    global.gMainColor = '#353F5B'  global.gDevice = OS  global.gScreen = {    screen_width: width,    screen_height: height,    onePixelRatio: 1 / PixelRatio.get(),    }  //全局域名  global.gBaseUrl = ''}export default setGlobal

App.tsx

//引入 setGlobalimport setGlobal from './common/Global';export default class App extends React.Component {  componentDidMount() {    //执行此函数    setGlobal()  }  render() {    const appNav = AppNavigator()    return (      <Provider         theme={{           search_bar_fill: 'transparent',          color_link: gMainColor        }}      >        {appNav}        </Provider>    );    }  }