大規模引っ越し

2024-03-13 10:53:37 +00:00
parent 4b6843a599
commit e2e302c00c
4 changed files with 296 additions and 236 deletions
--- a/components/atom/SwitchArea.js
+++ b/components/atom/SwitchArea.js
@@ -0,0 +1,45 @@
+import { View, Text, Image, TouchableOpacity } from "react-native";
+import { SimpleSwitch } from "./SimpleSwitch";
+export const SwitchArea = ({
+  str,
+  bool,
+  setBool,
+  falseImage,
+  trueImage,
+  falseText,
+  trueText,
+}) => {
+  return (
+    <View style={{ flexDirection: "column", padding: 10 }}>
+      <Text
+        style={{
+          fontSize: 25,
+          alignItems: "center",
+          alignContent: "center",
+          textAlign: "center",
+          textAlignVertical: "center",
+        }}
+      >
+        {str}
+      </Text>
+      <View style={{ flexDirection: "row", padding: 10 }}>
+        <SimpleSwitch
+          bool={bool}
+          setBool={setBool}
+          color="red"
+          value={false}
+          image={falseImage}
+          subText={falseText}
+        />
+        <SimpleSwitch
+          bool={bool}
+          setBool={setBool}
+          color="red"
+          value={true}
+          image={trueImage}
+          subText={trueText}
+        />
+      </View>
+    </View>
+  );
+};