{"messages":[{"id":1,"pic":"barcode","color":null,"title":"test1","text":"testtesxt1"},{"id":2,"pic":"store","color":null,"title":"Den n\u00e4chsten Bioladen finden","text":"Hier erf\u00e4hrst Du, wie Du Deinen n\u00e4chsten Bio-Laden findest und ob er Deine Favoriten auch f\u00fchrt."},{"id":3,"pic":"store","color":null,"title":"Message 3","text":"adljfl\u00f6adsfjlk\u00f6asdf adsj f\u00f6adj f\u00f6ds fdsfdsjf \u00f6adsf"},{"id":4,"pic":"store","color":null,"title":"Message 4","text":"\/\/\r\n\/\/  Onboarding.swift\r\n\/\/  Convanic2020\r\n\/\/\r\n\/\/  Created by Armin Lorenz on 06.05.20.\r\n\/\/  Copyright \u00a9 2020 benX AG. All rights reserved.\r\n\/\/\r\n\r\nimport SwiftUI\r\n\r\nstruct OnboardingView: View {\r\n    @EnvironmentObject var data: Model\r\n    @Environment(\\.presentationMode) var presentationModeOnboarding\r\n\r\n    var onboardingID = UserDefaults.standard.integer(forKey: \"onboardingID\")\r\n    \r\n    var body: some View {\r\n        NavigationView {\r\n            ZStack{\r\n                Image(\"AdobeStock_61411321\")\r\n                    .resizable()\r\n                    .frame()\r\n                    .scaledToFill()\r\n           \r\n        VStack{\r\n\r\n            ForEach( data.onboardingMessages, id: \\.id) { message in\r\n                   \r\n                    VStack(alignment: .leading){\r\n                        HStack(alignment: .top){\r\n                        Image(message.pic)\r\n                                .resizable()\r\n                                .aspectRatio(contentMode: .fit)\r\n                                .frame(width: 30, height: 30, alignment: .leading)\r\n                                .padding(.trailing, 8)\r\n                        Text(\"#\\(message.id)  \\(message.title)\")\r\n                                .foregroundColor(Color.green5)\r\n                                    .font(.title3)\r\n                                    .fontWeight(.bold)\r\n                        Spacer()\r\n                            Image(systemName: \"multiply.circle\")\r\n                                .modifier(FontModifier(size: 18, type: \"demibold\", color1: UIColor(Color.green5)))\r\n                                .onTapGesture {\r\n                                    data.onboardingMessages.removeAll(where: {$0.id == message.id})\r\n                                    data.removeOnboardingMessage(mess_uuid: message.id)\r\n                                }\r\n                        }\r\n                        \r\n                        Text(\"\\(message.text)\")\r\n                            \r\n                    }\r\n                    .transition(.asymmetric(insertion: .scale, removal: .opacity))\r\n                    .padding()\r\n                        .frame(maxWidth: .infinity)\r\n                        .background(Color.white.opacity(0.5))\r\n                        .cornerRadius(30)\r\n                        .shadow(color: Color.black.opacity(0.08), radius: 60, x: 0.0, y: 16)\r\n                        .padding()\r\n                 \r\n                }\r\n            Spacer()\r\n        }\r\n        .padding(.top, 80)\r\n        .navigationBarTitle(\"\")\r\n        .navigationBarHidden(true)\r\n        .navigationBarBackButtonHidden(true)\r\n    }.ignoresSafeArea()\r\n    }\r\n    .environmentObject(model)\r\n    .ignoresSafeArea()\r\n}\r\n}\r\n\r\nstruct Onboarding_Previews: PreviewProvider {\r\n    static var previews: some View {\r\n        OnboardingView()\r\n    }\r\n}\r\n"},{"id":5,"pic":"store","color":null,"title":"Message 5","text":"Heise..."}]}