1 |
000ecc2f
|
Schwobik
|
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 |
dfda8907
|
Schwobik
|
import { axiosInstance } from "../api/api"
|
16 |
|
|
|
17 |
|
|
|
18 |
|
|
|
19 |
|
|
const ScrollViewTest = () => {
|
20 |
000ecc2f
|
Schwobik
|
const images = ["VieB-7.jpg", "VieB-10.jpg", "VieB-11.jpg", "VieB-14.jpg", "VieB-15.jpg"]
|
21 |
dfda8907
|
Schwobik
|
|
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 |
000ecc2f
|
Schwobik
|
{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 |
dfda8907
|
Schwobik
|
))}
|
82 |
|
|
</ScrollView>
|
83 |
000ecc2f
|
Schwobik
|
|
84 |
dfda8907
|
Schwobik
|
</Center>
|
85 |
|
|
</ScrollView>
|
86 |
|
|
)
|
87 |
|
|
}
|
88 |
|
|
|
89 |
|
|
export default ScrollViewTest
|