keannu125/Reactnative-notesapp
1
0
Fork 0
mirror of https://github.com/lemeow125/Reactnative-notesapp.git synced 2025-06-29 00:45:44 +08:00
Code Issues Projects Releases Packages Wiki Activity Actions

initial UIs

Browse source
This commit is contained in:
AngelV3rgs 2023-03-14 23:53:31 +08:00
parent 0318f4eb53
commit 7008729348
8 changed files with 354 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

34
src/Routes/AddNote/AddNote.tsx
View file

@ -1,12 +1,44 @@
import * as React from 'react';
import {View, Text} from 'react-native';
import {View, Text, TextInput} from 'react-native';
import styles from '../../styles';
import Background from '../../Components/Background/Background';
import { SafeAreaView } from 'react-native-safe-area-context';
import { useState } from "react";
import {TouchableOpacity,} from "react-native";
export default function AddNote() {
const [addnote, setNote] = useState("");
return (
<Background>
<Text style={{...styles.text_white, ...{fontSize: 32}}}>Add Note</Text>
<SafeAreaView>
<View style={styles.addnotecont}>
<View style={styles.tle}>
<TextInput
style={styles.title}
placeholder="Title"
placeholderTextColor="white"
onChangeText={setNote}
value={addnote}
/>
</View>
<View style={styles.typehere}>
<TextInput
style={styles.typeinput}
placeholder="Type here...."
placeholderTextColor="white"
onChangeText={setNote}
value={addnote}
/>
</View>
<TouchableOpacity style={styles.savebtn}>
<Text style={styles.savenote}>SAVE</Text>
</TouchableOpacity>
</View>
</SafeAreaView>
</Background>
);
}

16
src/Routes/Home/Home.tsx
View file

@ -2,11 +2,13 @@ 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';
import AddIcon from '../../Components/Icons/AddIcon/AddIcon';
export default function Home() {
//const navigation = ({ navigation}: {navigation:any}) => {
return (
<Background>
<Text style={{...styles.text_white, ...{fontSize: 25}}}>Clip Notes</Text>
<View
style={{
display: 'flex',
@ -14,12 +16,14 @@ export default function Home() {
alignItems: 'center',
justifyContent: 'center',
}}>
<AppIcon size={64} color="white" />
<Text style={{...styles.text_white, ...{fontSize: 32}}}>
Clip Notes
</Text>
</View>
<View style={styles.homecont}>
<View style={styles.addicon}>
<AddIcon size={32} color="white" />
<Text style={styles.no}>No notes yet...</Text>
</View>
<View style={{margin: 16}} />
</View>
</View>
</Background>
);
}

4
src/Routes/Login/Login.tsx
View file

@ -8,7 +8,6 @@ import { useState } from "react";
import {TouchableOpacity,} from "react-native";
export default function Login() {
const [username, setUsername] = useState("");
const [password, setPassword] = useState("");
@ -17,7 +16,7 @@ export default function Login() {
<Background>
<Text style={{...styles.text_white, ...{fontSize: 32}}}></Text>
<SafeAreaView>
<View style={styles.container}>
<View style={styles.container}>
<Text style ={styles.loginlabel}>Login to Clip Notes</Text>
<StatusBar style="auto" />
<View style={styles.inputView}>
@ -29,7 +28,6 @@ export default function Login() {
value={username}
/>
</View>
<View style={styles.inputView}>
<TextInput
style={styles.TextInput}

9
src/Routes/UserInfo/UserInfo.tsx
View file

@ -2,11 +2,18 @@ import * as React from 'react';
import {View, Text} from 'react-native';
import styles from '../../styles';
import Background from '../../Components/Background/Background';
import { SafeAreaView } from 'react-native-safe-area-context';
import UserIcon from '../../Components/Icons/UserIcon/UserIcon';
export default function UserInfo() {
return (
<Background>
<Text style={{...styles.text_white, ...{fontSize: 32}}}>UserInfo</Text>
<Text style={{...styles.text_white, ...{fontSize: 32}}}></Text>
<SafeAreaView>
<View style={styles.userinfocont}>
<Text style ={styles.userlabel} > <UserIcon size={32} color="white"/> USER INFO</Text>
</View>
</SafeAreaView>
</Background>
);
}