app.js
2.98 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
/**
* Created by DEV005 on 2017/8/23.
*/
import React, { Component } from 'react';
import { BackHandler,AppState,StyleSheet,View,Text
, NativeModules,AsyncStorage,NavigationActions,
ActivityIndicator,TouchableOpacity,Image,Touch,Platform,Dimensions
} from 'react-native';
import { StackNavigator,TabNavigator } from 'react-navigation';
import AppService from "./service/AppService";
import {xnToast,getHeaderHeight,getHeaderPadding,getFooterBottom} from "./utils/utils";
import {width,height} from "./utils/getSize";
//横竖屏
import Orientation from 'react-native-orientation';
//键盘启用与消失
import dismissKeyboard from 'react-native/Libraries/Utilities/dismissKeyboard';
import XnLoading from "./components/xnLoading";
//
// import {Subscribe,SubscribeDOM} from 'react-subscribe';
//通信
// import RPC from './utils/rpc';
//通信
// import hookNavigator from './utils/hookNavigator';
import Index from './pages/index';
import Detail from './pages/Detail';
const Navigator = StackNavigator({
Index:{screen:Index},
Detail:{screen:Detail},
},{
// headerMode: 'none', // 导航栏的显示模式, screen: 有渐变透明效果, float: 无透明效果, none: 隐藏导航栏
navigationOptions:{
// // 设置导航条的样式。如果想去掉安卓导航条底部阴影可以添加elevation: 0,iOS去掉阴影是。
headerStyle:{
paddingTop:getHeaderPadding(),
backgroundColor: '#fff',
elevation: 0, //去掉阴影
height:getHeaderHeight(),
},
// 设置导航条文字样式。安卓上如果要设置文字居中，只要添加alignSelf:'center'就可以了
headerTitleStyle:{
color:'#000',
alignSelf:"center",
alignItems: 'center',
justifyContent: 'center',
flexDirection: 'column',
fontSize:17,
},
headerLeft:(<View style={{flexDirection: 'row',flex: 1}}></View>),
headerRight:(<View style={{flexDirection: 'row',flex: 1}}></View>)
}
});
class App extends Component{
constructor(props){
super(props);
this.state = {
loading:true
};
}
getUnionId=()=>{
NativeModules.security.getUnionId().then((result) => {
console.log(result);
global.unionId = result;
// result
this.setState({
loading:false
});
}
).catch((error) => {
console.log(error)
});
}
componentWillMount(){
let _this=this;
this.getUnionId();
}
render() {
return <View style={styles.root}>
{/*加载中*/}
{this.state.loading &&<XnLoading/>}
{!this.state.loading &&<Navigator />}
</View>
}
}
const styles = StyleSheet.create({
root: {
flex: 1,
marginBottom:getFooterBottom(),
backgroundColor:"#fff",
}
});
export default App;