matiru

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

ScreenHeader.js (1871B)

 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
import { View, Text, TouchableOpacity } from "react-native";
import { MaterialCommunityIcons } from "@expo/vector-icons";
import styles, { colors } from "../styles";

export default function ScreenHeader({
  title,
  navigation,
  role,
  showBack,
  hideSearchButton,
  hideNotificationsButton,
}) {
  return (
    <View
      style={{
        flexDirection: "row",
        alignItems: "center",
        marginBottom: 16,
      }}
    >
      <View
        style={{
          flex: 1,
          flexDirection: "row",
          justifyContent: "flex-start",
          alignItems: "center",
        }}
      >
        {showBack && (
          <TouchableOpacity onPress={() => navigation.goBack()}>
            <MaterialCommunityIcons
              name="arrow-left"
              size={28}
              color={colors.darkGreen}
            />
          </TouchableOpacity>
        )}
        {!hideNotificationsButton && (
          <TouchableOpacity
            onPress={() => navigation.navigate("Notifications")}
            style={{ marginLeft: showBack ? 16 : 0 }}
          >
            <MaterialCommunityIcons
              name="bell-outline"
              size={28}
              color={colors.darkGreen}
            />
          </TouchableOpacity>
        )}
      </View>

      <Text style={[styles.title, { flex: 2, marginBottom: 0 }]}>{title}</Text>

      <View
        style={{
          flex: 1,
          flexDirection: "row",
          justifyContent: "flex-end",
        }}
      >
        {!hideSearchButton && (
          <TouchableOpacity
            onPress={() => navigation.navigate("Search", { fromRole: role })}
          >
            <MaterialCommunityIcons
              name="magnify"
              size={28}
              color={colors.darkGreen}
            />
          </TouchableOpacity>
        )}
      </View>
    </View>
  );
}