-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtest.js
121 lines (104 loc) · 3.86 KB
/
test.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
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
import React, { Component } from 'react';
import { View, Text, ScrollView } from 'react-native';
// import OberryImageSlider from 'react-native-image-card-slider-oberry';
import Story from './production/story'
import OberryImageSlider from './production/slider';
import Detail from './production/detail';
const images = [
{
image:
'https://i.pinimg.com/originals/41/61/9a/41619aa280a9deac3e97e115eecef634.png',
desc: 'Stones of harnest winds',
},
{
image: 'https://images.pexels.com/photos/1003914/pexels-photo-1003914.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500',
desc: 'Red fort in India New Delhi is a magnificient masterpeiece of humans',
},
{
image: 'https://images.unsplash.com/photo-1561571994-3c61c554181a?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxleHBsb3JlLWZlZWR8M3x8fGVufDB8fHw%3D&w=1000&q=80',
desc: 'Red fort in India New Delhi is a magnificient masterpeiece of humans',
},
{
image: 'https://blog.getrooms.co/wp-content/uploads/2018/02/IMG_1419-49.jpg',
desc: 'Red fort in India New Delhi is a magnificient masterpeiece of humans',
},
{
image: 'https://storyv.com/wp-content/uploads/2020/07/lsrdn9p2ctbrxkpo4tfa.jpg',
desc: 'Red fort in India New Delhi is a magnificient masterpeiece of humans',
},
];
const images2 = [
{
image:
'https://cdn.wallpapersafari.com/8/55/wZobKJ.jpg',
desc: 'Silent Waters in the mountains in midst of Himilayas',
},
{
image: 'https://storyv.com/wp-content/uploads/2020/07/lsrdn9p2ctbrxkpo4tfa.jpg',
desc: 'Red fort in India New Delhi is a magnificient masterpeiece of humans',
},
{
image: 'https://a.hwstatic.com/image/upload/f_auto,q_auto,t_80,c_fill,g_north/v1/propertyimages/4/4916/42.jpg',
desc: 'Red fort in India New Delhi is a magnificient masterpeiece of humans',
},
{
image: 'https://blog.getrooms.co/wp-content/uploads/2018/02/IMG_1419-49.jpg',
desc: 'Red fort in India New Delhi is a magnificient masterpeiece of humans',
},
{
image: 'https://storyv.com/wp-content/uploads/2020/07/lsrdn9p2ctbrxkpo4tfa.jpg',
desc: 'Red fort in India New Delhi is a magnificient masterpeiece of humans',
},
];
const images3 = [
{
image: 'https://images.unsplash.com/photo-1561571994-3c61c554181a?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxleHBsb3JlLWZlZWR8M3x8fGVufDB8fHw%3D&w=1000&q=80',
desc: 'Red fort in India New Delhi is a magnificient masterpeiece of humans',
},
{
image: 'https://a.hwstatic.com/image/upload/f_auto,q_auto,t_80,c_fill,g_north/v1/propertyimages/4/4916/42.jpg',
desc: 'Red fort in India New Delhi is a magnificient masterpeiece of humans',
},
{
image: 'https://blog.getrooms.co/wp-content/uploads/2018/02/IMG_1419-49.jpg',
desc: 'Red fort in India New Delhi is a magnificient masterpeiece of humans',
},
{
image: 'https://storyv.com/wp-content/uploads/2020/07/lsrdn9p2ctbrxkpo4tfa.jpg',
desc: 'Red fort in India New Delhi is a magnificient masterpeiece of humans',
},
];
const images4 = [
{
image: 'https://a.hwstatic.com/image/upload/f_auto,q_auto,t_80,c_fill,g_north/v1/propertyimages/4/4916/42.jpg',
desc: 'Red fort in India New Delhi is a magnificient masterpeiece of humans',
},
{
image: 'https://blog.getrooms.co/wp-content/uploads/2018/02/IMG_1419-49.jpg',
desc: 'Red fort in India New Delhi is a magnificient masterpeiece of humans',
},
{
image: 'https://storyv.com/wp-content/uploads/2020/07/lsrdn9p2ctbrxkpo4tfa.jpg',
desc: 'Red fort in India New Delhi is a magnificient masterpeiece of humans',
},
];
export default class App extends Component {
constructor(props) {
super(props);
this.state = {};
}
render() {
return (
<ScrollView>
{/* <OberryImageSlider
images={images}
// descript ionStyle={{fontSize:30,fontWeight:'bold',padding:10,}}
/>
<OberryImageSlider images={images2} />
<OberryImageSlider images={images3} />
<OberryImageSlider images={images4} /> */}
<Detail/>
</ScrollView>
);
}
}