index.ios.js
3.21 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
113
114
115
116
117
118
119
120
/**
* Sample React Native App
* https://github.com/facebook/react-native
* @flow
*/
import React, { Component } from "react";
import { AppRegistry, StyleSheet, Text, View } from "react-native";
import { StackNavigator, TabNavigator } from "react-navigation";
import Home from "./src/pages/Home/index";
import InsuranceCircle from "./src/pages/InsuranceCircle/index";
import InsuranceChurch from "./src/pages/InsuranceChurch/index";
import Mine from "./src/pages/Mine/index";
import Login from "./src/pages/Login";
const MainTabBar = TabNavigator({
Home: { screen: Home, navigationOptions: { title: "首页"} },
InsuranceCircle: { screen: InsuranceCircle },
InsuranceChurch: { screen: InsuranceChurch },
Mine: { screen: Mine }
});
class Main extends Component {
constructor(props) {
super(props);
this.state = {
isLoading: false,
isLogin: true
};
}
render() {
const { isLogin } = this.state;
return isLogin ? (
<MainTabBar />
) : (
<Login
loginSuccess={this.props.loginSuccess}
onLogin={this.props.onLogin}
/>
);
}
}
const ProtectGod = StackNavigator({
Main: { screen: Main },
Home: { screen: Home, navigationOptions: { headerTitle: "首页"} },
InsuranceCircle: { screen: InsuranceCircle },
InsuranceChurch: { screen: InsuranceChurch },
Mine: { screen: Mine },
Login: { screen: Login }
});
// export default class ProtectGod extends Component {
// constructor(props) {
// super(props);
// this.state = {
// isLoading: false,
// isLogin: true
// };
// }
// componentWillMount() {
// // console.log("componentWillMount生命周期");
// // var that = this;
// // return fetch(`https://devpay.brae.co/test/insurance/login`,{
// // method: "POST",
// // headers: {
// // 'Accept': 'application/json',
// // 'Content-Type': 'application/json',
// // },
// // })
// // .then((resp) => {
// // console.log("测试接口",resp);
// // // return false;
// // if (resp.status === 200) {
// // return resp.json();
// // } else {
// // console.error("something went wrong!");
// // }
// // })
// // .then((respJson) => {
// // if (respJson.enmsg != 'ok') {
// // console.error(err);
// // alert(respJson.cnmsg);
// // } else {
// // that.setState({
// // testData: respJson.data
// // });
// // console.log('state.testData',that.state.testData);
// // }
// // })
// // .catch((err) => console.error(err))
// }
// render() {
// console.log("看看这个登录state", this.state.isLogin);
// return this.state.isLoading ? null : (
// <Main
// loginSuccess={this.state.isLogin}
// selectedItem={this.state.selectedItem}
// onLogin={isLogin => {
// this.setState({
// isLogin: isLogin
// });
// }}
// />
// );
// }
// }
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: "center",
alignItems: "center",
backgroundColor: "#F5FCFF"
}
});
AppRegistry.registerComponent("ProtectGod", () => ProtectGod);