Added pages and basic drawer

This commit is contained in:
Keannu Christian Bernasol 2023-03-05 21:37:52 +08:00
parent 4755f592c2
commit 95255a49c1
22 changed files with 1085 additions and 17 deletions

View file

@ -0,0 +1,12 @@
import * as React from 'react';
import {View, Text} from 'react-native';
import styles from '../../styles';
import Background from '../../Components/Background/Background';
export default function AddNote() {
return (
<Background>
<Text style={{...styles.text_white, ...{fontSize: 32}}}>Add Note</Text>
</Background>
);
}

25
src/Routes/Home/Home.tsx Normal file
View file

@ -0,0 +1,25 @@
import * as React from 'react';
import {View, Text} from 'react-native';
import styles from '../../styles';
import Background from '../../Components/Background/Background';
import AppIcon from '../../Components/Icons/AppIcon/AppIcon';
export default function Home() {
return (
<Background>
<View
style={{
display: 'flex',
flexDirection: 'row',
alignItems: 'center',
justifyContent: 'center',
}}>
<AppIcon size={64} color="white" />
<Text style={{...styles.text_white, ...{fontSize: 32}}}>
Clip Notes
</Text>
</View>
<View style={{margin: 16}} />
</Background>
);
}

View file

@ -0,0 +1,12 @@
import * as React from 'react';
import {View, Text} from 'react-native';
import styles from '../../styles';
import Background from '../../Components/Background/Background';
export default function Login() {
return (
<Background>
<Text style={{...styles.text_white, ...{fontSize: 32}}}>Login</Text>
</Background>
);
}

View file

@ -0,0 +1,12 @@
import * as React from 'react';
import {View, Text} from 'react-native';
import styles from '../../styles';
import Background from '../../Components/Background/Background';
export default function Register() {
return (
<Background>
<Text style={{...styles.text_white, ...{fontSize: 32}}}>Register</Text>
</Background>
);
}

View file

@ -0,0 +1,12 @@
import * as React from 'react';
import {View, Text} from 'react-native';
import styles from '../../styles';
import Background from '../../Components/Background/Background';
export default function UserInfo() {
return (
<Background>
<Text style={{...styles.text_white, ...{fontSize: 32}}}>UserInfo</Text>
</Background>
);
}