menuのレイアウト更新

components/Menu/RailScope/SearchUnitBox.tsx

@@ -50,26 +50,10 @@ export const SearchUnitBox = ({
               flexDirection: "column",
               display: "flex",
               flex: 1,
+              alignContent: "center",
+              justifyContent: "flex-end",
             }}
           >
-            <View
-              style={{
-                backgroundColor: "white",
-                borderRadius: 25,
-                height: 30,
-                paddingRight: 10,
-                paddingLeft: 10,
-                flex: 1,
-              }}
-            >
-              <TextInput
-                placeholder="駅名や駅ナンバリングを入力してフィルタリングします。"
-                onEndEditing={() => {}}
-                onChange={(ret) => setInput(ret.nativeEvent.text)}
-                value={input}
-                style={{ flex: 1 }}
-              />
-            </View>
             <View style={{ flexDirection: "row", alignItems: "center" }}>
               <TouchableOpacity
                 onPress={() => {
@@ -87,6 +71,26 @@ export const SearchUnitBox = ({
                   style={{ marginRight: 10 }}
                 />
               </TouchableOpacity>
+              <View
+                style={{
+                  backgroundColor: "white",
+                  borderRadius: 25,
+                  height: 30,
+                  paddingRight: 10,
+                  paddingLeft: 10,
+                  flex: 1,
+                }}
+              >
+                <TextInput
+                  placeholder="駅名や駅ナンバリングを入力してフィルタリングします。"
+                  onEndEditing={() => {}}
+                  onChange={(ret) => setInput(ret.nativeEvent.text)}
+                  value={input}
+                  style={{ flex: 1 }}
+                />
+              </View>
+            </View>
+            {!input &&<View style={{ flexDirection: "row", alignItems: "center" }}>
               {Object.keys(lineList_LineWebID).map((d) => (
                 <TouchableOpacity
                   style={{
@@ -123,7 +127,7 @@ export const SearchUnitBox = ({
                   </Text>
                 </TouchableOpacity>
               ))}
-            </View>
+            </View>}
           </View>
         )}
       </TouchableOpacity>