Ниже мой код для создания стандартного сегментированного элемента управления.
struct ContentView: View {
@State private var favoriteColor = 0
var colors = ["Red", "Green", "Blue"]
var body: some View {
VStack {
Picker(selection: $favoriteColor, label: Text("What is your favorite color?")) {
ForEach(0..<colors.count) { index in
Text(self.colors[index]).tag(index)
}
}.pickerStyle(SegmentedPickerStyle())
Text("Value: \(colors[favoriteColor])")
}
}
}
Мой вопрос в том, как я могу изменить его, чтобы иметь настраиваемый сегментированный элемент управления, где я могу округлить границу вместе с моими собственными цветами, поскольку это было довольно легко сделать с помощью UIKit? Кто-нибудь еще это сделал.
В качестве предпочтительного примера я могу привести приложение Uber eats: когда вы выбираете ресторан, вы можете перейти к определенной части меню, выбрав опцию в настраиваемом сегментированном элементе управления.
Включены элементы, которые я хочу настроить:
* ОБНОВЛЕНИЕ *
Изображение окончательного дизайна
UIViewRepresentable
. - person Mac3n   schedule 22.03.2020