乐趣区

关于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.OS
const {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

// 引入 setGlobal
import 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>
    );  
  }
  
}
退出移动版