matiru

Blockchain-Based Supply Chain Transparency for Agricultural Produce
git clone https://github.com/maydayv7/matiru

Home.js (2983B)

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
import {
  ImageBackground,
  ScrollView,
  Text,
  TouchableOpacity,
  StatusBar,
  View,
} from "react-native";
import { SafeAreaView } from "react-native-safe-area-context";
import { MaterialCommunityIcons } from "@expo/vector-icons";
import styles, { colors } from "../styles";

export default function HomeScreen({ navigation }) {
  return (
    <ImageBackground
      source={require("../assets/background.png")}
      style={styles.bg}
    >
      <StatusBar
        translucent={false}
        backgroundColor={colors.darkGreen}
        barStyle="light-content"
      />

      <SafeAreaView style={{ flex: 1 }}>
        <ScrollView contentContainerStyle={styles.overlay}>
          <View style={styles.topContent}>
            <Text style={styles.welcome}>Welcome!</Text>

            <TouchableOpacity
              style={[
                styles.bigButton,
                { backgroundColor: colors.gray, marginBottom: 30 },
              ]}
              onPress={() => navigation.navigate("Search")}
            >
              <MaterialCommunityIcons name="magnify" size={24} color="white" />
              <Text style={styles.bigButtonText}>Global Search</Text>
            </TouchableOpacity>

            <Text style={styles.subtitle}> Continue As </Text>

            <TouchableOpacity
              style={styles.bigButton}
              onPress={() => navigation.navigate("Login", { role: "Farmer" })}
            >
              <MaterialCommunityIcons name="tractor" size={24} color="white" />
              <Text style={styles.bigButtonText}>Farmer</Text>
            </TouchableOpacity>

            <TouchableOpacity
              style={styles.bigButton}
              onPress={() =>
                navigation.navigate("Login", { role: "Distributor" })
              }
            >
              <MaterialCommunityIcons name="truck" size={24} color="white" />
              <Text style={styles.bigButtonText}>Distributor</Text>
            </TouchableOpacity>

            <TouchableOpacity
              style={styles.bigButton}
              onPress={() => navigation.navigate("Login", { role: "Retailer" })}
            >
              <MaterialCommunityIcons name="store" size={24} color="white" />
              <Text style={styles.bigButtonText}>Retailer</Text>
            </TouchableOpacity>

            <TouchableOpacity
              style={styles.bigButton}
              onPress={() =>
                navigation.navigate("Login", { role: "Inspector" })
              }
            >
              <MaterialCommunityIcons
                name="shield-search"
                size={24}
                color="white"
              />
              <Text style={styles.bigButtonText}>Inspector</Text>
            </TouchableOpacity>
          </View>

          <View style={styles.bottomContent}>
            <Text style={styles.brand}>Matiru.</Text>
          </View>
        </ScrollView>
      </SafeAreaView>
    </ImageBackground>
  );
}