ファイルの分離

2024-09-09 10:41:18 +00:00
parent 30662ab10c
commit ad98372df8
17 changed files with 181 additions and 170 deletions
--- a/components/atom/BigButton.tsx
+++ b/components/atom/BigButton.tsx
@@ -0,0 +1,31 @@
+import React, { FC } from "react";
+import { Text, TouchableOpacity, View, ViewStyle } from "react-native";
+
+type Props = {
+  onPress: () => void;
+  string: string;
+  style?: ViewStyle;
+};
+export const BigButton: FC<Props> = ({ onPress, string,style }) => {
+  return (
+    <TouchableOpacity
+      style={{
+        padding: 10,
+        flexDirection: "row",
+        borderColor: "white",
+        borderWidth: 1,
+        margin: 10,
+        borderRadius: 5,
+        alignItems: "center",
+        ...style,
+      }}
+      onPress={onPress}
+    >
+      <View style={{ flex: 1 }} />
+      <Text style={{ fontSize: 25, fontWeight: "bold", color: "white" }}>
+        {string}
+      </Text>
+      <View style={{ flex: 1 }} />
+    </TouchableOpacity>
+  );
+};