-
Notifications
You must be signed in to change notification settings - Fork 0
/
App.js
98 lines (92 loc) · 3.4 KB
/
App.js
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
import React from 'react';
import { NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';
import { installTwicPics } from '@twicpics/components/react-native';
import Anchor from './pages/Anchor.js';
import AnchorVideo from './pages/AnchorVideo.js';
import Basic from './pages/Basic.js';
import Focus from './pages/Focus.js';
import Gallery from './pages/Gallery.js';
import HeroImage from './pages/HeroImage.js';
import HeroVideo from './pages/HeroVideo.js';
import Home from './pages/Home.js';
import LazyLoading from './pages/LazyLoading.js';
import List from './pages/List.js';
import Mode from './pages/Mode.js';
import Ratio from './pages/Ratio.js';
import Refit from './pages/Refit.js';
import Transform from './pages/Transform.js';
import Video from './pages/Video.js';
import VideoSlicing from './pages/VideoSlicing.js';
installTwicPics({
"domain": `https://demo.twic.pics/`,
"cachePolicy" : `memory`,
"debug": true,
});
const Stack = createNativeStackNavigator();
const App = () => (
<NavigationContainer>
<Stack.Navigator
screenOptions={{
"headerTintColor": `#FFFFFF`,
"headerTitleStyle": {
"color": `#FFFFFF`,
},
"headerStyle": {
"backgroundColor": `#8D00F4`,
},
"headerTitleAlign": `center`,
}}
>
<Stack.Screen name="Home" component={Home} options={{
"title": `TwicPics x React Native`,
}} />
<Stack.Screen name="Anchor" component={Anchor} options={{
"title": `Anchor`,
}} />
<Stack.Screen name="AnchorVideo" component={AnchorVideo} options={{
"title": `Anchor Video`,
}} />
<Stack.Screen name="Basic" component={Basic} options={{
"title": `Basic`,
}} />
<Stack.Screen name="Flatlist" component={List} options={{
"title": `Flatlist`,
}} />
<Stack.Screen name="Focus" component={Focus} options={{
"title": `Focus`,
}} />
<Stack.Screen name="Gallery" component={Gallery} options={{
"title": `Gallery`,
}} />
<Stack.Screen name="HeroImage" component={HeroImage} options={{
"title": `Hero Image`,
}} />
<Stack.Screen name="HeroVideo" component={HeroVideo} options={{
"title": `Hero Video`,
}} />
<Stack.Screen name="LazyLoading" component={LazyLoading} options={{
"title": `Lazy Loading`,
}} />
<Stack.Screen name="Mode" component={Mode} options={{
"title": `Mode`,
}} />
<Stack.Screen name="Ratio" component={Ratio} options={{
"title": `Ratio`,
}} />
<Stack.Screen name="Refit" component={Refit} options={{
"title": `Refit`,
}} />
<Stack.Screen name="Transform" component={Transform} options={{
"title": `Transform`,
}} />
<Stack.Screen name="Video" component={Video} options={{
"title": `Video`,
}} />
<Stack.Screen name="VideoSlicing" component={VideoSlicing} options={{
"title": `Video Slicing`,
}} />
</Stack.Navigator>
</NavigationContainer>
);
export default App;