Add theming support, and support for other top level configuration to swiftui views with VectorHostingViewController, VectorContentModifier. Add VisibilityModifier. Move from List to VStack.

2026-04-25 11:02:48 +02:00 · 2021-08-12 11:52:06 +01:00
parent 9570a9422b
commit 9ff69eaaf0
29 changed files with 841 additions and 213 deletions
@@ -0,0 +1,63 @@
+// 
+// Copyright 2021 New Vector Ltd
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+//
+
+import SwiftUI
+
+@available(iOS 14.0, *)
+struct VectorFormView<Content: View>: View {
+    
+    @Environment(\.theme) var theme: Theme
+    var content: () -> Content
+    
+    init(@ViewBuilder content: @escaping () -> Content) {
+        self.content = content
+    }
+    
+    var body: some View {
+        ScrollView {
+            VStack(alignment: .leading, spacing: 0, content: content)
+        }
+        .frame(
+            minWidth: 0,
+            maxWidth: .infinity,
+            minHeight: 0,
+            maxHeight: .infinity,
+            alignment: .top
+        )
+        .background(Color(theme.baseColor))
+        .edgesIgnoringSafeArea(.bottom)
+        
+    }
+}
+
+@available(iOS 14.0, *)
+struct VectorForm_Previews: PreviewProvider {
+    
+    static var previews: some View {
+        Group {
+            VectorFormView {
+                SwiftUI.Section(header: FormSectionHeaderView(text: "Section Header")) {
+                    FormPickerItemView(title: "Item 1", selected: true)
+                    FormPickerItemView(title: "Item 2", selected: false)
+                    FormPickerItemView(title: "Item 3", selected: false)
+                }
+            }
+            VectorFormView {
+                FormPickerItemView(title: "Item 1", selected: true)
+            }.theme(ThemeIdentifier.dark.theme)
+        }
+    }
+}