menuのレイアウト更新

components/Menu/RailScope/SearchUnitBox.tsx

@@ -50,8 +50,27 @@ export const SearchUnitBox = ({
               flexDirection: "column",
               display: "flex",
               flex: 1,
+              alignContent: "center",
+              justifyContent: "flex-end",
             }}
           >
+            <View style={{ flexDirection: "row", alignItems: "center" }}>
+              <TouchableOpacity
+                onPress={() => {
+                  LayoutAnimation.configureNext({
+                    duration: 100,
+                    update: { type: "easeInEaseOut", springDamping: 0.6 },
+                  });
+                  setisSearchMode(false);
+                }}
+              >
+                <Ionicons
+                  name="arrow-back"
+                  size={20}
+                  color="white"
+                  style={{ marginRight: 10 }}
+                />
+              </TouchableOpacity>
               <View
                 style={{
                   backgroundColor: "white",
@@ -70,23 +89,8 @@ export const SearchUnitBox = ({
                   style={{ flex: 1 }}
                 />
               </View>
-            <View style={{ flexDirection: "row", alignItems: "center" }}>
+            </View>
-              <TouchableOpacity
+            {!input &&<View style={{ flexDirection: "row", alignItems: "center" }}>
-                onPress={() => {
-                  LayoutAnimation.configureNext({
-                    duration: 100,
-                    update: { type: "easeInEaseOut", springDamping: 0.6 },
-                  });
-                  setisSearchMode(false);
-                }}
-              >
-                <Ionicons
-                  name="arrow-back"
-                  size={20}
-                  color="white"
-                  style={{ marginRight: 10 }}
-                />
-              </TouchableOpacity>
               {Object.keys(lineList_LineWebID).map((d) => (
                 <TouchableOpacity
                   style={{
@@ -123,7 +127,7 @@ export const SearchUnitBox = ({
                   </Text>
                 </TouchableOpacity>
               ))}
-            </View>
+            </View>}
           </View>
         )}
       </TouchableOpacity>