レイアウト設定のデザイン調整

components/atom/SimpleSwitch.js

@@ -4,6 +4,7 @@ import {
   TouchableOpacity,
   Text,
   Image,
+  LayoutAnimation,
 } from "react-native";
 export const SimpleSwitch = ({
   bool,
@@ -27,7 +28,10 @@ export const SimpleSwitch = ({
           flexDirection: "row",
           flex: 1,
         }}
-        onPress={() => setBool(value.toString())}
+        onPress={() => {
+          LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut);
+          setBool(value.toString());
+        }}
       >
         <Image
           source={image}