|
1
|
import {
|
|
2
|
Center,
|
|
3
|
Box,
|
|
4
|
Heading,
|
|
5
|
VStack,
|
|
6
|
FormControl,
|
|
7
|
Link,
|
|
8
|
Input,
|
|
9
|
Button,
|
|
10
|
HStack,
|
|
11
|
Text,
|
|
12
|
ScrollView,
|
|
13
|
Image
|
|
14
|
} from "native-base"
|
|
15
|
import { axiosInstance } from "../api/api"
|
|
16
|
|
|
17
|
|
|
18
|
|
|
19
|
const ScrollViewTest = () => {
|
|
20
|
const images = ["VieB-7.jpg", "VieB-10.jpg", "VieB-11.jpg", "VieB-14.jpg", "VieB-15.jpg"]
|
|
21
|
|
|
22
|
return (
|
|
23
|
<ScrollView>
|
|
24
|
<Center w="100%">
|
|
25
|
<Box safeArea p="2" py="8" w="90%" maxW="290">
|
|
26
|
<Heading size="lg" fontWeight="600" color="coolGray.800" _dark={{
|
|
27
|
color: "warmGray.50"
|
|
28
|
}}>
|
|
29
|
Welcome
|
|
30
|
</Heading>
|
|
31
|
<Heading mt="1" _dark={{
|
|
32
|
color: "warmGray.200"
|
|
33
|
}} color="coolGray.600" fontWeight="medium" size="xs">
|
|
34
|
Sign in to continue!
|
|
35
|
</Heading>
|
|
36
|
|
|
37
|
<VStack space={3} mt="5">
|
|
38
|
<FormControl>
|
|
39
|
<FormControl.Label>Email ID</FormControl.Label>
|
|
40
|
<Input />
|
|
41
|
</FormControl>
|
|
42
|
<FormControl>
|
|
43
|
<FormControl.Label>Password</FormControl.Label>
|
|
44
|
<Input type="password" />
|
|
45
|
<Link _text={{
|
|
46
|
fontSize: "xs",
|
|
47
|
fontWeight: "500",
|
|
48
|
color: "indigo.500"
|
|
49
|
}} alignSelf="flex-end" mt="1">
|
|
50
|
Forget Password?
|
|
51
|
</Link>
|
|
52
|
</FormControl>
|
|
53
|
<Button mt="2" colorScheme="indigo">
|
|
54
|
Sign in
|
|
55
|
</Button>
|
|
56
|
<HStack mt="6" justifyContent="center">
|
|
57
|
<Text fontSize="sm" color="coolGray.600" _dark={{
|
|
58
|
color: "warmGray.200"
|
|
59
|
}}>
|
|
60
|
I'm a new user.{" "}
|
|
61
|
</Text>
|
|
62
|
<Link _text={{
|
|
63
|
color: "indigo.500",
|
|
64
|
fontWeight: "medium",
|
|
65
|
fontSize: "sm"
|
|
66
|
}} href="#">
|
|
67
|
Sign Up
|
|
68
|
</Link>
|
|
69
|
</HStack>
|
|
70
|
</VStack>
|
|
71
|
</Box>
|
|
72
|
<ScrollView horizontal={true}>
|
|
73
|
{images.map((name, index) => (
|
|
74
|
<Image
|
|
75
|
source={{uri: "http://147.228.173.159/static/images/"+name}}
|
|
76
|
w={150}
|
|
77
|
h={150}
|
|
78
|
marginX={2}
|
|
79
|
alt={name}
|
|
80
|
/>
|
|
81
|
))}
|
|
82
|
</ScrollView>
|
|
83
|
|
|
84
|
</Center>
|
|
85
|
</ScrollView>
|
|
86
|
)
|
|
87
|
}
|
|
88
|
|
|
89
|
export default ScrollViewTest
|