Fakultas Ilmu Komputer UI

LandingScreen.tsx 1.06 KB
Newer Older
1
2
3
4
5
6
7
import { useNavigation } from "@react-navigation/core";
import * as React from "react";
import { StyleSheet, Image } from "react-native";
import { TouchableOpacity } from "react-native-gesture-handler";
import { View } from "../../components/Themed";
import Colors from "../../constants/Colors";
import { RootTabScreenProps } from "../../types/navigation";
8
import Layout from "../../constants/Layout";
9
10
11
12
13
14
15

export default function LandingScreen({
  navigation,
}: RootTabScreenProps<"TabOne">) {
  const nav = useNavigation();
  return (
    <View style={styles.container}>
16
      {/* <TouchableOpacity onPress={() => nav.navigate("OnBoard")}> */}
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
      <Image
        style={styles.logo}
        source={require("../../../assets/images/ClickLogo.png")}
      />
      {/* </TouchableOpacity> */}
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    alignItems: "center",
    justifyContent: "center",
    backgroundColor: Colors.background,
  },
  logo: {
34
    width: Layout.window.width * 0.76,
35
36
37
38
    position: "relative",
    resizeMode: "contain",
  },
});