Create Task

[thanachotw]

[ghost]

{CreateTask} import React, { Component } from 'react' import { StyleSheet } from 'react-native'; import { Box, Text, Heading, VStack, FormControl, Input, Link, Button, HStack, Center, NativeBaseProvider, View ,Flex} from "native-base"; import { background } from 'native-base/lib/typescript/theme/styled-system'; import { Background } from '@react-navigation/elements'; import MCIcon from 'react-native-vector-icons/MaterialCommunityIcons'; import MIcons from 'react-native-vector-icons/MaterialIcons'; import DateTime from './DateTime'; import Repeat from './Repeat'; import Priority from './Priority';

class Createtask extends Component{ render(){ return ( <Box p="0" py="0" w="100%" maxW={400} paddingBottom={"10"}> <Box mr={"80%"} flexDirection={"row"}> <MCIcon.Button name="less-than" backgroundColor={"#FFF7ED"} color="#000000" size={10}>

Back

        </MCIcon.Button>
    </Box>
    <Center>
        <Heading size="lg" fontWeight="600" paddingBottom={"0"}>
            <Text>New Task</Text>
        </Heading>
    </Center>

    <VStack space={8} mt="7" >
        <Center bgColor={"#FFFF"} w="90%" alignSelf={"center"} borderRadius={"25"} padding={"4"}>
        <FormControl>
            <FormControl.Label  mt="2" my="-2" >Title</FormControl.Label>
            <Input mb={4} variant="underlined" />
            <FormControl.Label my="-2">Notes</FormControl.Label>
            <Input mb={4} variant="underlined" />
        </FormControl>
        </Center>
        <Box alignItems={"center"}>

        <DateTime/>

        <Repeat/>

        <Priority/>

        </Box>
    </VStack>
    <Box alignItems={"center"} paddingTop={"10"}>
    <Button
        w="25%" h="10" rounded={"full"} bgColor={"#FD9340"}>
      <Text color={"#FFFFFF"} fontSize={"15"} bold="true" >submit</Text>
    </Button>
    </Box>
</Box>

)} }

export default () => { return (

);

}