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>
);
}
}