index.js
2.59 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
/**
* Created by yzdd on 2018/3/11.
*/
import React from 'react'
import {View, Text, Image, StyleSheet, TouchableOpacity, TouchableWithoutFeedback} from 'react-native'
import {observer} from 'mobx-react/native'
import {StackNavigator, TabNavigator, TabBarBottom, SafeAreaView} from 'react-navigation'
import CardStackStyleInterpolator from "react-navigation/src/views/CardStack/CardStackStyleInterpolator"
import {fromBottom, fromRight, fromBottomLikeAndroid} from "./utils/navigationUtil";
import {TabBar} from "./utils/TabBar";
import NotesDetail from "./pages/note/NotesDetail";
import AddNote from "./pages/note/AddNote";
import UnitModal from "./pages/modal/UnitModal";
import ExpenseCategoryModal from "./pages/modal/ExpenseCategoryModal";
import SelectProject from "./pages/note/SelectProject";
import AddReiOrder from "./pages/reimbursement/AddReiOrder";
import OperationUnitModal from "./pages/modal/OperationUnitModal";
import AddReiTypeModal from "./pages/modal/AddReiTypeModal";
import AddConsumptionDetails from "./pages/reimbursement/AddConsumptionDetails";
import AddConsumptionDetailsForNote from "./pages/reimbursement/AddConsumptionDetailsForNote";
import ReiOrderDetail from "./pages/reimbursement/ReiOrderDetail";
const Stack = StackNavigator({
TabBar: {screen: TabBar},
NotesDetail: {screen: NotesDetail},
AddNote: {screen: AddNote},
SelectProject: {screen: SelectProject},
AddReiOrder: {screen: AddReiOrder},
AddConsumptionDetails:{screen:AddConsumptionDetails},
AddConsumptionDetailsForNote:{screen:AddConsumptionDetailsForNote},
ReiOrderDetail:{screen:ReiOrderDetail}
}, {
initialRouteName: "TabBar",
cardStyle: {
backgroundColor: '#FFFFFF',
shadowOpacity: 0,
},
navigationOptions: {
headerTitleStyle: {
fontSize: 17,
color: "#FFFFFF"
},
headerStyle: {
backgroundColor: "rgb(41,40,45)",
height: 44,
// shadowColor: "#A8A8A8",
// shadowOffset: {width: 0, height: 1},
// shadowOpacity: 0.5,
// shadowRadius: 2,
borderBottomWidth: 0,
elevation: 0,
},
},
transitionConfig: () => ({
screenInterpolator: CardStackStyleInterpolator.forHorizontal,
}),
});
export const BottomModal = StackNavigator({
Stack: {screen: Stack},
UnitModal: {screen: UnitModal},
ExpenseCategoryModal: {screen: ExpenseCategoryModal},
OperationUnitModal: {screen: OperationUnitModal},
AddReiTypeModal: {screen: AddReiTypeModal}
}, {
mode: 'modal',
headerMode: 'none',
transitionConfig: () => ({screenInterpolator: fromBottomLikeAndroid}),
cardStyle: {
backgroundColor: 'rgba(0,0,0,0)',
shadowOpacity: 0,
}
});