SwiftUI - 带列表的段控制答案

【问题标题】：SwiftUI - Segment Control with ListsSwiftUI - 带列表的段控制
【发布时间】：2019-06-20 16:30:22
【问题描述】：

我正在尝试制作一个处理列表和/或 Vstack 的段控件

我可以使用文本制作分段控件，但不能使用列表


import SwiftUI

struct MaterialSegmentControl : View {
    @State private var MaterialType = 0

    var body: some View {

        NavigationView {

            VStack {
                SegmentedControl(selection: $MaterialType) {
                    Text("Style").tag(0)
                    Text("Text").tag(1)
                    Text("Arrange").tag(2)

                }
                Text("Value: \(MaterialType)")


            }
        }
    }
}

如何让段控件在列表和/或 Vstack 之间切换？

【问题讨论】：

当您使用一组正确编码的List() 元素时会发生什么？通过正确编码，我的意思是您可以让每个列表显示 outside SegmentedControl().
您的意思是在不同的文件中创建列表，并指向SegmentedControl()？你介意分享一些你认为如何做的代码吗？对不起，但我是一个编码新手...... :)
对我来说，您似乎已经有了答案。我问了两件事，基于您有三个 Text() 视图正常工作。 (1) 您的List() 视图是否正常工作？如果您从等式中删除SegmentedControl() 并尝试显示单个列表，它是否有效？ (2) 如果是这样，当您将内容嵌入 SegmentedControl 时会发生什么？在我看来，您不需要担心单独的文件（还）。最终你可能想把事情分解，这很容易做到。这是一个完全不同的问题。祝你好运！

标签： swiftui xcode11

【解决方案1】：

是的！这很简单。像这样的：

struct MaterialSegmentControl : View {
    @State private var MaterialType = 0

    var body: some View {

        NavigationView {

            VStack {
                SegmentedControl(selection: $MaterialType) {
                    Text("Style").tag(0)
                    Text("Text").tag(1)
                    Text("Arrange").tag(2)
                }

                if MaterialType == 0 {
                    List {
                        Text("Hi")
                        Text("\(MaterialType)")
                    }
                } else if MaterialType == 1 {
                    List {
                        Text("Beep")
                        Text("\(MaterialType)")
                    }
                } else {
                    List {
                        Text("Boop")
                        Text("\(MaterialType)")
                    }
                }
            }
        }
    }
}

【讨论】：

@piebie 如果我需要滚动视图中的分段控件，代码将如何更改？