Front: Create Base Home View

2022-08-06 10:36:55 +02:00
parent 8dac2661f2
commit 1c33e2dcee
1 changed files with 26 additions and 0 deletions
@@ -0,0 +1,26 @@
+import React from "react";
+import { Text, View, ColorValue } from 'react-native';
+import { useTheme } from "react-native-paper";
+
+const ExampleBox = (props: { textColor: ColorValue, backgroundColor: ColorValue }) => (
+  <View style={{ backgroundColor: props.backgroundColor }}>
+    <Text style={{ fontSize: 20, textAlign: 'center', color: props.textColor }} >Hello</Text>
+  </View>
+)
+
+const HomeView = () => {
+  const { colors } = useTheme();
+  return (
+    <View style={{ flex: 1, justifyContent: 'center' }}>
+      <ExampleBox backgroundColor={colors.primary} textColor={colors.text} />
+      <ExampleBox backgroundColor={colors.accent} textColor={colors.text} />
+      <ExampleBox backgroundColor={colors.error} textColor={colors.text} />
+      <ExampleBox backgroundColor={colors.surface} textColor={colors.onSurface} />
+      <ExampleBox backgroundColor={colors.surface} textColor={colors.placeholder} />
+      <ExampleBox backgroundColor={colors.notification} textColor={colors.text} />
+    </View>
+  );
+}
+
+
+export default HomeView;