aswi2023one-team-to-rule-them-all-gitlab/src/pages/ScrollViewTest.tsx @ 000ecc2f

import {
    Center,
    Box,
    Heading,
    VStack,
    FormControl,
    Link,
    Input,
    Button,
    HStack,
    Text,
    ScrollView,
    Image
} from "native-base"
import { axiosInstance } from "../api/api"



const ScrollViewTest = () => {
    const images = ["VieB-7.jpg", "VieB-10.jpg", "VieB-11.jpg", "VieB-14.jpg", "VieB-15.jpg"]

    return (
        <ScrollView>
            <Center w="100%">
                <Box safeArea p="2" py="8" w="90%" maxW="290">
                    <Heading size="lg" fontWeight="600" color="coolGray.800" _dark={{
                        color: "warmGray.50"
                    }}>
                        Welcome
                    </Heading>
                    <Heading mt="1" _dark={{
                        color: "warmGray.200"
                    }} color="coolGray.600" fontWeight="medium" size="xs">
                        Sign in to continue!
                    </Heading>

                    <VStack space={3} mt="5">
                        <FormControl>
                            <FormControl.Label>Email ID</FormControl.Label>
                            <Input />
                        </FormControl>
                        <FormControl>
                            <FormControl.Label>Password</FormControl.Label>
                            <Input type="password" />
                            <Link _text={{
                                fontSize: "xs",
                                fontWeight: "500",
                                color: "indigo.500"
                            }} alignSelf="flex-end" mt="1">
                                Forget Password?
                            </Link>
                        </FormControl>
                        <Button mt="2" colorScheme="indigo">
                            Sign in
                        </Button>
                        <HStack mt="6" justifyContent="center">
                            <Text fontSize="sm" color="coolGray.600" _dark={{
                                color: "warmGray.200"
                            }}>
                                I'm a new user.{" "}
                            </Text>
                            <Link _text={{
                                color: "indigo.500",
                                fontWeight: "medium",
                                fontSize: "sm"
                            }} href="#">
                                Sign Up
                            </Link>
                        </HStack>
                    </VStack>
                </Box>
                <ScrollView horizontal={true}>
                    {images.map((name, index) => (
                        <Image
                            source={{uri: "http://147.228.173.159/static/images/"+name}}
                            w={150}
                            h={150}
                            marginX={2}
                            alt={name}
                        />
                    ))}
                </ScrollView>

            </Center>
        </ScrollView>
    )
}

export default ScrollViewTest