ios swiftui_在SwiftUI中创建一个iOS风格的搜索栏

ios swiftui

In this article I’ll show you how to create a reusable iOS like Search Bar purely in SwiftUI, you can style however you want.

在本文中，我将向您展示如何纯粹在SwiftUI中创建可重复使用的iOS(如搜索栏)，您可以根据需要设置样式。

基本结构 (The basic structure)

For reusability, I create the search bar as a seperate view, but you can also implement it right into your view.

为了实现可重用性，我将搜索栏创建为单独的视图，但是您也可以在视图中直接实现它。

Now you have a simple TextField, but it doesn’t have any styling yet.

现在，您有了一个简单的TextField，但还没有任何样式。

SearchBar(placeholder: “Search …”, text: $text)

SearchBar(占位符：“ Search…”，文本：$ text)

清除