SwiftUI SegmentedControl

Question

我有一个有两个选项的分段控制。我想根据选择索引显示不同的观点。但出于某种原因我得到了警告：

“

”初始化器的PersonalAddressView结果未使用

和

“

”初始化器的CorporateAddressView结果未使用

struct AddressSegment : View {
    @State private var selectorIndex = 0
    @State private var options = ["Bireysel","Kurumsal"]
    init() {
        UISegmentedControl.appearance().selectedSegmentTintColor = #colorLiteral(red: 0.05490196078, green: 0.3254901961, blue: 0.368627451, alpha: 1)
        UISegmentedControl.appearance().setTitleTextAttributes([.foregroundColor: UIColor.white], for: .selected)
        UISegmentedControl.appearance().setTitleTextAttributes([.foregroundColor: UIColor.init(displayP3Red: 0.05490196078, green: 0.3254901961, blue: 0.368627451, alpha: 1)], for: .normal)
    }
    var body: some View {
        VStack {
            Picker("Addresses", selection: $selectorIndex) {
                ForEach(0..<options.count) { index in
                    Text(self.options[index]).tag(index)
                }
            }
            .onReceive([self.selectorIndex].publisher.first(), perform: { value in
                if value == 0 {
                    PersonalAddressView()
                } else {
                    CorporateAddressView()
                }
            })
            .pickerStyle(SegmentedPickerStyle())
            .frame(width: 216, height: 28, alignment: .center)
            .cornerRadius(5)
            .foregroundColor(.white)
        }
    }
}

我想要的是下面

​

Answer 1

您需要在ViewBuilder块中创建视图，而不是像onReceive这样的函数。

尝试以下几点：

struct AddressSegment : View {
    @State private var selectorIndex = 0
    @State private var options = ["Bireysel","Kurumsal"]
    init() {
        UISegmentedControl.appearance().selectedSegmentTintColor = #colorLiteral(red: 0.05490196078, green: 0.3254901961, blue: 0.368627451, alpha: 1)
        UISegmentedControl.appearance().setTitleTextAttributes([.foregroundColor: UIColor.white], for: .selected)
        UISegmentedControl.appearance().setTitleTextAttributes([.foregroundColor: UIColor.init(displayP3Red: 0.05490196078, green: 0.3254901961, blue: 0.368627451, alpha: 1)], for: .normal)
    }
    var body: some View {
        VStack {
            Picker("Addresses", selection: $selectorIndex) {
                ForEach(0..<options.count) { index in
                    Text(self.options[index]).tag(index)
                }
            }
            .pickerStyle(SegmentedPickerStyle())
            .frame(width: 216, height: 28, alignment: .center)
            .cornerRadius(5)
            .foregroundColor(.white)

            // move the code here, to the ViewBuilder block
            if selectorIndex == 0 {
                PersonalAddressView()
            } else {
                CorporateAddressView()
            }
        }
    }
}