swiftui - 如何使用 swiftui 制作这个简单的视图？

Question

我正在尝试使用 swiftui 执行此视图，但我被卡住了。

我希望文本（“Mes évènements”）居中，我希望它占据它可以占据的所有位置。两条水平线应该只占据左边的位置。

我尝试使用 HStack，但无法让它按我的意愿工作。

标签： swiftui

Answer 1

这是一个可能的解决方案。

struct ContentView: View {
var body: some View {
    HStack{
        VStack{
        OrangeLine()
        }
        Text("Mes évènements")
            .font(.subheadline)
            .fontWeight(.bold)
            .foregroundColor(Color.orange)
        VStack{
        OrangeLine()
        }
    }
}
}

struct OrangeLine: View {
    var body: some View {
        Rectangle()
            .fill(Color.orange)
            .frame(height: 2)
            .edgesIgnoringSafeArea(.horizontal)
    }
}