diff --git a/assets/ShineStar.png b/assets/ShineStar.png
new file mode 100644
index 0000000..ebdd86f
Binary files /dev/null and b/assets/ShineStar.png differ
diff --git a/assets/ShineStar.svg b/assets/ShineStar.svg
new file mode 100644
index 0000000..01e654a
--- /dev/null
+++ b/assets/ShineStar.svg
@@ -0,0 +1,20 @@
+
diff --git a/assets/alarmWhite.png b/assets/alarmWhite.png
new file mode 100644
index 0000000..1df6888
Binary files /dev/null and b/assets/alarmWhite.png differ
diff --git a/assets/homeLogo.png b/assets/homeLogo.png
new file mode 100644
index 0000000..310f45b
Binary files /dev/null and b/assets/homeLogo.png differ
diff --git a/assets/homeLogo.svg b/assets/homeLogo.svg
new file mode 100644
index 0000000..3a91987
--- /dev/null
+++ b/assets/homeLogo.svg
@@ -0,0 +1,16 @@
+
diff --git a/assets/star1.png b/assets/star1.png
new file mode 100644
index 0000000..ea03c98
Binary files /dev/null and b/assets/star1.png differ
diff --git a/package.json b/package.json
index 5d010cb..5377bf3 100644
--- a/package.json
+++ b/package.json
@@ -19,6 +19,7 @@
"axios": "^1.5.1",
"date-fns": "^2.30.0",
"expo": "~49.0.13",
+ "expo-linear-gradient": "^12.5.0",
"expo-status-bar": "~1.6.0",
"react": "18.2.0",
"react-native": "0.72.5",
diff --git a/screens/home.js b/screens/home.js
index 1fbbc42..e89dd49 100644
--- a/screens/home.js
+++ b/screens/home.js
@@ -3,16 +3,20 @@ import {
View,
SafeAreaView,
ScrollView,
+ Image,
Text,
StyleSheet,
TextInput,
TouchableOpacity,
+ StatusBar,
} from 'react-native';
import BottomSheet from '@gorhom/bottom-sheet';
+import {LinearGradient} from 'expo-linear-gradient';
+import {useNavigation} from '@react-navigation/native';
const Home = () => {
const bottomSheetRef = useRef(null);
-
+ const navigation = useNavigation();
// variables
const snapPoints = useMemo(() => ['50%', '14%'], []);
@@ -27,9 +31,30 @@ const Home = () => {
const [textArray, setTextArray] = useState([]);
const [value, onChangeText] = useState('');
+ const [btn, setBtn] = useState(false);
return (
-
+
+
+ {/* */}
+
+
+ setBtn(!btn)}>
+
+
+
+
+
+ navigation.navigate('Alarm')}
+ >
+
+
+
{
-
+ {/* */}
+
);
};
@@ -93,6 +119,36 @@ const styles = StyleSheet.create({
// marginTop: 50,
// justifyContent: 'center',
},
+ header: {
+ display: 'flex',
+ flexDirection: 'row',
+ justifyContent: 'space-between',
+ },
+ alarm: {
+ marginTop: 60,
+ marginRight: 30,
+ },
+ logo: {
+ marginTop: 67,
+ marginLeft: 30,
+ width: 96,
+ height: 18,
+ },
+ starMap: {
+ position: 'relative',
+ },
+ star: {
+ position: 'absolute',
+ top: 85,
+ left: 75,
+ opacity: 0,
+ },
+ starOn: {
+ position: 'absolute',
+ top: 85,
+ left: 75,
+ opacity: 1,
+ },
scrollView: {
height: 700,
width: '100%',
diff --git a/yarn.lock b/yarn.lock
index a6edbb4..9bb8b3b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3252,6 +3252,11 @@ expo-keep-awake@~12.3.0:
resolved "https://registry.yarnpkg.com/expo-keep-awake/-/expo-keep-awake-12.3.0.tgz#c42449ae19c993274ddc43aafa618792b6aec408"
integrity sha512-ujiJg1p9EdCOYS05jh5PtUrfiZnK0yyLy+UewzqrjUqIT8eAGMQbkfOn3C3fHE7AKd5AefSMzJnS3lYZcZYHDw==
+expo-linear-gradient@^12.5.0:
+ version "12.5.0"
+ resolved "https://registry.yarnpkg.com/expo-linear-gradient/-/expo-linear-gradient-12.5.0.tgz#793f56fdc87f57b99b64f4a1b2bb16cba8c47672"
+ integrity sha512-GOV2wODawr2biRCtF2Yb5+wLzvnwXS8dAblfQO7qjyh4f7TDTJn7X0TlVSDMNhIdbAcZBrdxvGFeE2iXdzQ6ow==
+
expo-modules-autolinking@1.5.1:
version "1.5.1"
resolved "https://registry.yarnpkg.com/expo-modules-autolinking/-/expo-modules-autolinking-1.5.1.tgz#363f90c172769ce12bf56c7be9ca0897adfc7a81"