デザインの調整

components/ActionSheetComponents/TrainIconUpdate.tsx

@@ -22,7 +22,6 @@ export const TrainIconUpdate = () => {
   const actionSheetRef = useRef(null);
   const insets = useSafeAreaInsets();
   const viewShot = useRef(null);
-  
 
   const onCapture = async () => {
     const url = await viewShot.current.capture();
@@ -63,21 +62,19 @@ export const TrainIconUpdate = () => {
           borderWidth: 1,
         }}
       >
-        <ViewShot ref={viewShot} options={{ format: "jpg" }}>
+        <View style={{ height: 26, width: "100%", backgroundColor: "#0099CC" }}>
           <View
-            style={{ height: 26, width: "100%", backgroundColor: "#0099CC" }}
+            style={{
-          >
+              height: 6,
-            <View
+              width: 45,
-              style={{
+              borderRadius: 100,
-                height: 6,
+              backgroundColor: "#f0f0f0",
-                width: 45,
+              marginVertical: 10,
-                borderRadius: 100,
+              alignSelf: "center",
-                backgroundColor: "#f0f0f0",
+            }}
-                marginVertical: 10,
+          />
-                alignSelf: "center",
+        </View>
-              }}
+        <ViewShot ref={viewShot} options={{ format: "jpg" }}>
-            />
-          </View>
           <View
             style={{
               padding: 10,
@@ -119,16 +116,18 @@ export const TrainIconUpdate = () => {
           ) : (
             <></>
           )}
-          <Text
+          <View
             style={{
-              fontSize: 15,
+              padding: 10,
-              fontWeight: "bold",
+              flexDirection: "row",
-              color: "white",
+              alignItems: "center",
               backgroundColor: "#0099CC",
             }}
           >
-            JR四国非公式アプリを更新して好きなアイコンに変更してみよう！
+            <Text style={{ fontSize: 15, fontWeight: "bold", color: "white" }}>
-          </Text>
+              JR四国非公式アプリを更新して好きなアイコンに変更してみよう！
+            </Text>
+          </View>
         </ViewShot>
         <View
           style={{