mirror of
https://github.com/lemeow125/Reactnative-notesapp.git
synced 2025-05-17 03:48:09 +08:00
Added pages and basic drawer
This commit is contained in:
parent
4755f592c2
commit
95255a49c1
22 changed files with 1085 additions and 17 deletions
12
src/Routes/AddNote/AddNote.tsx
Normal file
12
src/Routes/AddNote/AddNote.tsx
Normal 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
25
src/Routes/Home/Home.tsx
Normal 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>
|
||||
);
|
||||
}
|
12
src/Routes/Login/Login.tsx
Normal file
12
src/Routes/Login/Login.tsx
Normal 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>
|
||||
);
|
||||
}
|
12
src/Routes/Register/Register.tsx
Normal file
12
src/Routes/Register/Register.tsx
Normal 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>
|
||||
);
|
||||
}
|
12
src/Routes/UserInfo/UserInfo.tsx
Normal file
12
src/Routes/UserInfo/UserInfo.tsx
Normal 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>
|
||||
);
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue