ios 使用 SwiftUI 创建一个简单且可重用的下拉选择器dropdown menus(教程含源码)

本文旨在创建一个可使用 SwiftUI 重复使用的简单下拉选择器。下面是我期待的结果：

您可能知道，在轻松创建自定义视图方面，SwiftUI 非常酷。我将利用此功能实际创建如上所示的下拉菜单。让我们开始吧。

我在单个文件中有一个 SwiftUI 视图，DropdownSelector.swift所有代码都将放入其中。您可以根据需要决定将文件中的某些组件拆分为多个文件。

import SwiftUI

struct DropdownSelector: View {

var body: some View {

Text("Hello, World!")

}

struct DropdownSelector_Previews: PreviewProvider {

static var previews: some View {

DropdownSelector()

}

我现在所拥有的只是一个只有文本的空视图。我会创建一个简单的 struct DropdownOption，表示用户可以选择的单个选项。您可以决定将选项保留为字符串，但在比较选择和避免具有相似值时是安全的。该DropdownOption结构包含 akey和 a value。

struct DropdownOption: Hashable {

let key: String

let value: String

public static func == (lhs: DropdownOption, rhs: DropdownOption) -> Bool {

return lhs.key == rhs.key

}

金钥匙