ui: iOS 17은 상시 서치바가 떠있도록 변경

Author: opficdev

DevLog/Resource/Localizable.xcstrings

@@ -251,9 +251,6 @@
     },
     "검색어를 입력해 저장한 앱 컨텐츠를 찾아보세요." : {
 
-    },
-    "검색어를 입력해주세요." : {
-
     },
     "계정 삭제" : {
 

DevLog/UI/Home/TodoListView.swift

@@ -15,10 +15,28 @@ struct TodoListView: View {
 
     var body: some View {
         Group {
-            if viewModel.state.isSearching {
-                todoSearchContent
+            if #available(iOS 18, *) {
+                if viewModel.state.isSearching {
+                    todoSearchContent
+                } else {
+                    todoListContent
+                }
             } else {
-                todoListContent
+                Group {
+                    if viewModel.state.searchText.isEmpty {
+                        todoListContent
+                    } else {
+                        searchResultsContent
+                    }
+                }
+                .searchable(
+                    text: Binding(
+                        get: { viewModel.state.searchText },
+                        set: { viewModel.send(.setSearchText($0)) }
+                    ),
+                    placement: .navigationBarDrawer(displayMode: .always),
+                    prompt: "\(viewModel.state.kind.localizedName) 검색"
+                )
             }
         }
         .navigationDestination(for: Path.self) { path in
@@ -74,11 +92,13 @@ struct TodoListView: View {
             if #available(iOS 26.0, *) {
                 ToolbarSpacer(.fixed, placement: .topBarTrailing)
             }
-            ToolbarItem(placement: .topBarTrailing) {
-                Button {
-                    viewModel.send(.setIsSearching(true))
-                } label: {
-                    Image(systemName: "magnifyingglass")
+            if #available(iOS 18, *) {
+                ToolbarItem(placement: .topBarTrailing) {
+                    Button {
+                        viewModel.send(.setIsSearching(true))
+                    } label: {
+                        Image(systemName: "magnifyingglass")
+                    }
                 }
             }
         }
@@ -152,22 +172,33 @@ struct TodoListView: View {
         }
     }
 
-    @ViewBuilder
+    @available(iOS 18, *)
     private var todoSearchContent: some View {
+        searchResultsContent
+            .searchable(
+                text: Binding(
+                    get: { viewModel.state.searchText },
+                    set: { viewModel.send(.setSearchText($0)) }
+                ),
+                isPresented: Binding(
+                    get: { viewModel.state.isSearching },
+                    set: { viewModel.send(.setIsSearching($0)) }
+                ),
+                placement: .navigationBarDrawer(displayMode: .always),
+                prompt: "\(viewModel.state.kind.localizedName) 검색"
+            )
+    }
+
+    private var searchResultsContent: some View {
         let searchResults = viewModel.state.searchResults
         let limit = viewModel.searchResultsLimit
         let displayedTodos = viewModel.state.showAllSearchResults
             ? searchResults
             : Array(searchResults.prefix(limit))
 
-        ScrollView {
+        return ScrollView {
             LazyVStack(spacing: 0) {
-                if viewModel.state.searchText.isEmpty {
-                    Text("검색어를 입력해주세요.")
-                        .foregroundStyle(Color.gray)
-                        .frame(maxWidth: .infinity)
-                        .padding(.top, 40)
-                } else if viewModel.state.isLoading {
+                if viewModel.state.isLoading {
                     LoadingView()
                         .padding(.top, 40)
                 } else if searchResults.isEmpty {
@@ -200,18 +231,6 @@ struct TodoListView: View {
                 }
             }
         }
-        .searchable(
-            text: Binding(
-                get: { viewModel.state.searchText },
-                set: { viewModel.send(.setSearchText($0)) }
-            ),
-            isPresented: Binding(
-                get: { viewModel.state.isSearching },
-                set: { viewModel.send(.setIsSearching($0)) }
-            ),
-            placement: .navigationBarDrawer(displayMode: .always),
-            prompt: "\(viewModel.state.kind.localizedName) 검색"
-        )
     }
 
     private var headerView: some View {