index.ios.js
3.47 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
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
/**
* Sample React Native App
* https://github.com/facebook/react-native
* @flow
*/
import React, { Component } from "react";
import { AppRegistry, StyleSheet, Text, View, Image } 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";
import AllProduct from "./src/pages/Home/allProduct";
import CommonWebView from "./src/Components/CommonWebView";
import Details from "./src/pages/InsuranceCircle/details";
const MainTabBar = TabNavigator({
Home: {
screen: Home,
navigationOptions: {
// title: "首页",
tabBarIcon: ({ focused }) =>
focused ? (
<Image source={require("./src/assets/tabbar/ic_home_s.png")} />
) : (
<Image source={require("./src/assets/tabbar/ic_home_n.png")} />
)
}
},
InsuranceCircle: {
screen: InsuranceCircle,
navigationOptions: {
// title: "首页",
tabBarIcon: ({ focused }) =>
focused ? (
<Image source={require("./src/assets/tabbar/ic_circle_s.png")} />
) : (
<Image source={require("./src/assets/tabbar/ic_circle_n.png")} />
)
}
},
InsuranceChurch: {
screen: InsuranceChurch,
navigationOptions: {
// title: "首页",
tabBarIcon: ({ focused }) =>
focused ? (
<Image source={require("./src/assets/tabbar/ic_umbrella_s.png")} />
) : (
<Image source={require("./src/assets/tabbar/ic_umbrella_n.png")} />
)
}
},
Mine: {
screen: Mine,
navigationOptions: {
// title: "首页",
tabBarIcon: ({ focused }) =>
focused ? (
<Image source={require("./src/assets/tabbar/ic_mine_s.png")} />
) : (
<Image source={require("./src/assets/tabbar/ic_mine_n.png")} />
)
}
}
},{
swipeEnabled: true,
tabBarOptions: {
activeTintColor: "#1B9341"
}
});
// 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 },
MainTabBar: { screen: MainTabBar },
Home: { screen: Home },
InsuranceCircle: { screen: InsuranceCircle },
InsuranceChurch: { screen: InsuranceChurch },
Mine: { screen: Mine },
Login: { screen: Login },
AllProduct: {
screen: AllProduct,
navigationOptions: { headerTitle: "全部产品" }
},
CommonWebView: { screen: CommonWebView },
Details: { screen: Details }
},
{
navigationOptions: {
// 顶部标题颜色
// headerTintColor: 'red',
// 顶部背景颜色
// headerStyle: {backgroundColor: "white"},
// headerTitleStyle: {alignSelf: 'center'},
}
}
);
const styles = StyleSheet.create(
{
// container: {
// flex: 1,
// justifyContent: "center",
// alignItems: "center",
// backgroundColor: "#F5FCFF"
// }
}
);
AppRegistry.registerComponent("ProtectGod", () => ProtectGod);