index.js
2.35 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
106
107
108
109
110
111
112
import React, {Component, PropTypes} from 'react';
import {
StyleSheet,
Image,
TouchableOpacity,
TouchableHighlight,
ScrollView,
Button,
Text,
View,
NativeModules,
TextInput,
Alert,
Platform,
Dimensions
} from 'react-native';
import { StackNavigator,TabNavigator } from 'react-navigation';
import {xnToast} from "./../utils/utils";
import AppService from "./../service/AppService";
import mainCss from "./../css/css";
import Password from "./password";
import Forget from "./forget";
import Setting from "./setting";
export function isIphoneX() {
let dimen = Dimensions.get('window');
return (
Platform.OS === 'ios' &&
!Platform.isPad &&
!Platform.isTVOS &&
(dimen.height === 812 || dimen.width === 812)
);
}
function getHeaderHeight() {
if( Platform.OS === 'android'){
return 48;
}else if(Platform.OS === 'ios') {
if(isIphoneX()){
return 88;
}else {
return 64;
}
}
}
function getHeaderPadding() {
if( Platform.OS === 'android'){
return 0;
}else if(Platform.OS === 'ios') {
if(isIphoneX()){
return 44;
}else {
return 20;
}
}
}
const Navigator = StackNavigator({
Password:{screen:Password},
Setting:{screen:Setting},
Forget:{screen:Forget}
},{
// headerMode: 'none', // 导航栏的显示模式, screen: 有渐变透明效果, float: 无透明效果, none: 隐藏导航栏
navigationOptions:{
// // 设置导航条的样式。如果想去掉安卓导航条底部阴影可以添加elevation: 0,iOS去掉阴影是。
headerStyle:{
paddingTop:getHeaderPadding(),
backgroundColor: '#333238',
elevation: 0, //去掉阴影
height:getHeaderHeight(),
},
// 设置导航条文字样式。安卓上如果要设置文字居中，只要添加alignSelf:'center'就可以了
headerTitleStyle:{
color:'white',
alignSelf:"center",
alignItems: 'center',
justifyContent: 'center',
flexDirection: 'column',
},
headerLeft:(<View style={{flexDirection: 'row',flex: 1}}></View>),
headerRight:(<View style={{flexDirection: 'row',flex: 1}}></View>)
}
});
export default class xnTransit extends Component {
constructor(props){
super(props);
}
componentWillMount(){
let _this=this;
};
render() {
return (
<Navigator />
);
}
};