react native global全局属性获取不到值
index.js:
import {AppRegistry} from 'react-native';
import App from './App';
import {name as appName} from './app.json';
GLOBAL.XMLHttpRequest = GLOBAL.originalXMLHttpRequest || GLOBAL.XMLHttpRequest
AppRegistry.registerComponent(appName, () => App);
App.js:
import React, { Component } from 'react';
import { View,StatusBar } from 'react-native';
import Nav from './src/nav'
// * 这里设置了一个全局属性
global.statusBarHeight = StatusBar.currentHeight
export default class App extends Component {
render() {
return (
<View style={{flex:1}}>
<StatusBar translucent={true} backgroundColor="transparent"></StatusBar>
<Nav></Nav>
</View>
);
}
}
nav.js:
import React, { Component } from 'react';
import { View, Text } from 'react-native';
console.log(global.statusBarHeight) // * undefined
export default class nav extends Component {
render() {
return (
<View>
<Text> nav </Text>
</View>
);
}
}
自动更新是能拿到值的,但是手动reload或者重启app,都是undefined
(环境:Android)
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
使用该方式。但是该方式在ios下初始值是undefined
需要放在类里面