添加用户协议显示以及复选框

iOSFirst/login/LoginView.swift

@@ -15,6 +15,7 @@ struct LoginView: View {
     var bag = DisposeBag()
     @State private var inputAccountMessage:String = ""
     @State private var isPresent:Bool = false
+    @State private var checked:Bool = true
     @State private var inputPasswordMessage:String = ""
     
     var body: some View {
@@ -90,8 +91,17 @@ struct LoginView: View {
             
             VStack(alignment: .trailing, spacing: 400) {
                 
-                VStack(alignment: .center, spacing: 15) {
-                    
+                VStack(alignment: .trailing, spacing: 15) {
+                    HStack {
+                        CheckBoxView(checked: $checked)
+                        Text("我已阅读并同意")
+                            .foregroundColor(.black)
+                            .font(.system(size: 15))
+                        Text("《星火云鸽用户协议》")
+                            .foregroundColor(.blue)
+                            .font(.system(size: 15))
+                        Spacer()
+                    }
                     Button(action: {
                         if(inputAccountMessage.isEmpty){
                             SUIToast.show(messageItem: .init(
@@ -165,5 +175,17 @@ struct ContentView_Previews: PreviewProvider {
     }
 }
 
+struct CheckBoxView: View {
+    @Binding var checked: Bool
+
+    var body: some View {
+        Image(systemName: checked ? "checkmark.square.fill" : "square")
+            .foregroundColor(checked ? Color(UIColor.systemBlue) : Color.secondary)
+            .onTapGesture {
+                self.checked.toggle()
+            }
+    }
+}
+