import SwiftUI import ExpoModulesCore extension View { func reactNativeViewModifiers( mods: [[String: Any]], onEvent: EventDispatcher = EventDispatcher() ) -> some View { modifier( ReactNativeViewModifiers( mods: mods, onEvent: onEvent ) ) } } struct ReactNativeViewModifiers: ViewModifier { var mods: [[String: Any]] var onEvent: EventDispatcher func body(content: Content) -> some View { var view = AnyView(content) for mod in mods { for (key, value) in mod { switch(key) { case "padding": if value is Bool { view = AnyView(view.padding()) } else if let padding = value as? CGFloat { view = AnyView(view.padding(padding)) } else if let padding = value as? [String: CGFloat] { let top: CGFloat = padding["top"] ?? 0 let leading: CGFloat = padding["leading"] ?? 0 let bottom: CGFloat = padding["bottom"] ?? 0 let trailing: CGFloat = padding["trailing"] ?? 0 let horizontal: CGFloat = padding["horizontal"] ?? 0 let vertical: CGFloat = padding["vertical"] ?? 0 let all: CGFloat = padding["all"] ?? 0 let edgeInsets = EdgeInsets( top: all != 0 ? all : vertical != 0 ? vertical : top, leading: all != 0 ? all : horizontal != 0 ? horizontal : leading, bottom: all != 0 ? all : vertical != 0 ? vertical : bottom, trailing: all != 0 ? all : horizontal != 0 ? horizontal : trailing ) view = AnyView(view.padding(edgeInsets)) } case "border": if let border = value as? [String: Any] { let color = getColor(border["color"]) as Color? ?? Color.black let width = border["width"] as? CGFloat ?? 1.0 view = AnyView(view.border(color, width: width)) } case "tag": if let tag = value as? Int { view = AnyView(view.tag(tag)) } else if let tag = value as? String { view = AnyView(view.tag(tag)) } case "disabled": if let disabled = value as? Bool { view = AnyView(view.disabled(disabled)) } case "foregroundStyle": if let colorVal = value as? String { let color = getColor(colorVal) as Color? if #available(iOS 15.0, *) { view = AnyView(view.foregroundStyle(color ?? .black)) } } else if let colorArr = value as? [String] { let colors = getColors(colorArr) as [Color] switch colors.count { case 1: if #available(iOS 15.0, *) { view = AnyView(view.foregroundStyle(colors[0])) } case 2: if #available(iOS 15.0, *) { view = AnyView(view.foregroundStyle(colors[0], colors[1])) } case 3: if #available(iOS 15.0, *) { view = AnyView(view.foregroundStyle(colors[0], colors[1], colors[2])) } default: break } } else if let colorObj = value as? [String: Any] { if let linearGradient = colorObj["linearGradient"] as? [String: Any] { let gradient = getLinearGradient(linearGradient) if #available(iOS 15.0, *) { view = AnyView(view.foregroundStyle(gradient)) } } } case "background": if let color = value as? String { view = AnyView(view.background(getColor(color))) } else if let color = value as? [String: Any] { if let linearGradient = color["linearGradient"] as? [String: Any] { let gradient = getLinearGradient(linearGradient) view = AnyView(view.background(gradient)) } } case "rotationEffect": if let rotation = value as? [String: CGFloat] { if let degrees = rotation["degrees"] { view = AnyView(view.rotationEffect(.degrees(Double(degrees)))) } else if let radians = rotation["radians"] { view = AnyView(view.rotationEffect(.radians(Double(radians)))) } } case "scaleEffect": if let scale = value as? CGFloat { view = AnyView(view.scaleEffect(scale)) } case "shadow": if let shadow = value as? [String: Any] { let color = getColor(shadow["color"]) as Color? ?? Color.black let radius = shadow["radius"] as? CGFloat ?? 1.0 let x = shadow["x"] as? CGFloat ?? 0.0 let y = shadow["y"] as? CGFloat ?? 0.0 view = AnyView(view.shadow(color: color, radius: radius, x: x, y: y)) } case "opacity": if let opacity = value as? CGFloat { view = AnyView(view.opacity(opacity)) } case "blur": if let blur = value as? CGFloat { view = AnyView(view.blur(radius: blur)) } case "saturation": if let sat = value as? Double { view = AnyView(view.saturation(sat)) } case "grayscale": if let gs = value as? Double { view = AnyView(view.grayscale(gs)) } case "brightness": if let brightness = value as? Double { view = AnyView(view.brightness(brightness)) } case "contrast": if let contrast = value as? Double { view = AnyView(view.contrast(contrast)) } case "hidden": if let hidden = value as? Bool { if hidden == true { view = AnyView(view.hidden()) } } case "blendMode": if let blendMode = value as? String { switch blendMode { case "color": view = AnyView(view.blendMode(.color)) case "colorBurn": view = AnyView(view.blendMode(.colorBurn)) case "colorDodge": view = AnyView(view.blendMode(.colorDodge)) case "darken": view = AnyView(view.blendMode(.darken)) case "difference": view = AnyView(view.blendMode(.difference)) case "exclusion": view = AnyView(view.blendMode(.exclusion)) case "hardLight": view = AnyView(view.blendMode(.hardLight)) case "hue": view = AnyView(view.blendMode(.hue)) case "lighten": view = AnyView(view.blendMode(.lighten)) case "luminosity": view = AnyView(view.blendMode(.luminosity)) case "multiply": view = AnyView(view.blendMode(.multiply)) case "overlay": view = AnyView(view.blendMode(.overlay)) case "saturation": view = AnyView(view.blendMode(.saturation)) case "screen": view = AnyView(view.blendMode(.screen)) case "softLight": view = AnyView(view.blendMode(.softLight)) case "sourceAtop": view = AnyView(view.blendMode(.sourceAtop)) case "destinationOver": view = AnyView(view.blendMode(.destinationOver)) case "destinationOut": view = AnyView(view.blendMode(.destinationOut)) case "plusDarker": view = AnyView(view.blendMode(.plusDarker)) case "plusLighter": view = AnyView(view.blendMode(.plusLighter)) case "normal": view = AnyView(view.blendMode(.normal)) default: break } } case "compositingGroup": if let compositingGroup = value as? Bool { if compositingGroup == true { view = AnyView(view.compositingGroup()) } } case "ignoresSafeArea": if let ignoresSafeArea = value as? Bool { if ignoresSafeArea == true { if #available(iOS 14.0, *) { view = AnyView(view.ignoresSafeArea()) } } } case "frame": if let frame = value as? [String: Any] { let width = (frame["width"] as? CGFloat) ?? (frame["width"] as? String == "infinity" ? .infinity : nil) let height = (frame["height"] as? CGFloat) ?? (frame["height"] as? String == "infinity" ? .infinity : nil) let minWidth = (frame["minWidth"] as? CGFloat) ?? (frame["minWidth"] as? String == "infinity" ? .infinity : nil) let idealWidth = (frame["idealWidth"] as? CGFloat) ?? (frame["idealWidth"] as? String == "infinity" ? .infinity : nil) let maxWidth = (frame["maxWidth"] as? CGFloat) ?? (frame["maxWidth"] as? String == "infinity" ? .infinity : nil) let minHeight = (frame["minHeight"] as? CGFloat) ?? (frame["minHeight"] as? String == "infinity" ? .infinity : nil) let idealHeight = (frame["idealHeight"] as? CGFloat) ?? (frame["idealHeight"] as? String == "infinity" ? .infinity : nil) let maxHeight = (frame["maxHeight"] as? CGFloat) ?? (frame["maxHeight"] as? String == "infinity" ? .infinity : nil) if width != nil || height != nil { view = AnyView(view.frame(width: width, height: height)) } else { view = AnyView(view.frame( minWidth: minWidth, idealWidth: idealWidth, maxWidth: maxWidth, minHeight: minHeight, idealHeight: idealHeight, maxHeight: maxHeight )) } } case "zIndex": if let zIndex = value as? Double { view = AnyView(view.zIndex(zIndex)) } case "fixedSize": if let fixedSize = value as? Bool { view = AnyView(view.fixedSize()) } else if let fixedSize = value as? [String: Any] { if let horizontal = fixedSize["horizontal"] as? Bool, let vertical = fixedSize["vertical"] as? Bool { view = AnyView(view.fixedSize(horizontal: horizontal, vertical: vertical)) } } case "lineLimit": if let lineLimit = value as? Int { view = AnyView(view.lineLimit(lineLimit)) } case "labelIsHidden": if let isHidden = value as? Bool, isHidden == true { view = AnyView(view.labelsHidden()) } // Currently only supports text mask case "mask": if let mask = value as? String { if #available(iOS 15.0, *) { view = AnyView(view.mask({ Text(mask) })) } } // Currently only supports direct mapping to shapes case "clipShape": if let clipShape = value as? String { switch clipShape { case "circle": view = AnyView(view.clipShape(Circle())) case "roundedRectangle": view = AnyView(view.clipShape(RoundedRectangle(cornerRadius: 10))) case "capsule": view = AnyView(view.clipShape(Capsule())) case "ellipse": view = AnyView(view.clipShape(Ellipse())) case "rectangle": view = AnyView(view.clipShape(Rectangle())) default: break } } else if let clipShape = value as? [String: Any] { if let shape = clipShape["shape"] as? String { switch shape { case "circle": view = AnyView(view.clipShape(Circle())) case "roundedRectangle": if let cornerRadius = clipShape["cornerRadius"] as? CGFloat { view = AnyView(view.clipShape(RoundedRectangle(cornerRadius: cornerRadius))) } case "capsule": view = AnyView(view.clipShape(Capsule())) case "ellipse": view = AnyView(view.clipShape(Ellipse())) case "rectangle": view = AnyView(view.clipShape(Rectangle())) default: break } } } case "environment": if let obj = value as? [String: Any] { for (key, value) in obj { switch key { case "colorScheme": if let colorScheme = value as? String { if #available(iOS 15.0, *) { switch colorScheme { case "light": view = AnyView(view.environment(\.colorScheme, .light)) case "dark": view = AnyView(view.environment(\.colorScheme, .dark)) default: break } } } default: break } } } case "symbolRenderingMode": if let renderingMode = value as? String { if #available(iOS 15.0, *) { switch renderingMode { case "monochrome": view = AnyView(view.symbolRenderingMode(.monochrome)) case "hierarchical": view = AnyView(view.symbolRenderingMode(.hierarchical)) case "multicolor": view = AnyView(view.symbolRenderingMode(.multicolor)) case "palette": view = AnyView(view.symbolRenderingMode(.palette)) default: break } } } case "imageScale": if let scale = value as? String { switch scale { case "small": view = AnyView(view.imageScale(.small)) case "medium": view = AnyView(view.imageScale(.medium)) case "large": view = AnyView(view.imageScale(.large)) default: break } } case "fontSize": if let fontSize = value as? CGFloat { view = AnyView(view.font(.system(size: fontSize))) } case "fontWeight": if let fontWeight = value as? String { if #available(iOS 16.0, *) { switch fontWeight { case "ultralight": view = AnyView(view.fontWeight(.ultraLight)) case "thin": view = AnyView(view.fontWeight(.thin)) case "light": view = AnyView(view.fontWeight(.light)) case "regular": view = AnyView(view.fontWeight(.regular)) case "medium": view = AnyView(view.fontWeight(.medium)) case "semibold": view = AnyView(view.fontWeight(.semibold)) case "bold": view = AnyView(view.fontWeight(.bold)) case "heavy": view = AnyView(view.fontWeight(.heavy)) case "black": view = AnyView(view.fontWeight(.black)) default: break } } } case "font": if let font = value as? String { switch font { case "caption": view = AnyView(view.font(.caption)) case "caption2": if #available(iOS 14.0, *) { view = AnyView(view.font(.caption2)) } case "footnote": view = AnyView(view.font(.footnote)) case "body": view = AnyView(view.font(.body)) case "callout": view = AnyView(view.font(.callout)) case "subheadline": view = AnyView(view.font(.subheadline)) case "headline": view = AnyView(view.font(.headline)) case "title": view = AnyView(view.font(.title)) case "title2": if #available(iOS 14.0, *) { view = AnyView(view.font(.title2)) } case "title3": if #available(iOS 14.0, *) { view = AnyView(view.font(.title3)) } case "largeTitle": view = AnyView(view.font(.largeTitle)) default: break } } case "bold": if let bold = value as? Bool { if #available(iOS 16.0, *) { view = AnyView(view.bold(bold)) } } case "italic": if let italic = value as? Bool { if #available(iOS 16.0, *) { view = AnyView(view.italic(italic)) } } case "strikethrough": if #available(iOS 16.0, *) { if let isActive = value as? Bool { print(isActive) view = AnyView(view.strikethrough(isActive)) } else if let strikethrough = value as? [String: Any] { let isActive = strikethrough["isActive"] as? Bool ?? false let color = getColor(strikethrough["color"]) as Color? let pattern = strikethrough["pattern"] as? String let patternStyle: Text.LineStyle.Pattern switch pattern { case "solid": patternStyle = .solid case "dot": patternStyle = .dot case "dash": patternStyle = .dash case "dashDot": patternStyle = .dashDot case "dashDotDot": patternStyle = .dashDotDot default: patternStyle = .solid } view = AnyView(view.strikethrough(isActive, pattern: patternStyle, color: color)) } } case "underline": if #available(iOS 16.0, *) { if let isActive = value as? Bool { view = AnyView(view.underline(isActive)) } else if let strikethrough = value as? [String: Any] { let isActive = strikethrough["isActive"] as? Bool ?? false let color = getColor(strikethrough["color"]) as Color? let pattern = strikethrough["pattern"] as? String let patternStyle: Text.LineStyle.Pattern switch pattern { case "solid": patternStyle = .solid case "dot": patternStyle = .dot case "dash": patternStyle = .dash case "dashDot": patternStyle = .dashDot case "dashDotDot": patternStyle = .dashDotDot default: patternStyle = .solid } view = AnyView(view.underline(isActive, pattern: patternStyle, color: color)) } } case "tint": if let color = getColor(value) as Color? { if #available(iOS 16.0, *) { view = AnyView(view.tint(color)) } else { view = AnyView(view.accentColor(color)) } } case "cornerRadius": if let cornerRadius = value as? CGFloat { view = AnyView(view.cornerRadius(cornerRadius)) } case "redacted": if let reason = value as? String { if #available(iOS 15.0, *) { switch reason { case "placeholder": view = AnyView(view.redacted(reason: .placeholder)) case "privacy": view = AnyView(view.redacted(reason: .privacy)) case "invalidated": if #available(iOS 17.0, *) { view = AnyView(view.redacted(reason: .invalidated)) } default: break } } } case "buttonStyle": if let buttonStyle = value as? String { switch buttonStyle { case "borderless": view = AnyView(view.buttonStyle(.borderless)) case "bordered": if #available(iOS 15.0, *) { view = AnyView(view.buttonStyle(.bordered)) } case "borderedProminent": if #available(iOS 15.0, *) { view = AnyView(view.buttonStyle(.borderedProminent)) } case "plain": view = AnyView(view.buttonStyle(.plain)) default: break } } case "presentationCornerRadius": if let cornerRadius = value as? CGFloat { if #available(iOS 16.4, *) { view = AnyView(view.presentationCornerRadius(cornerRadius)) } } case "presentationDetents": if let presentationDetents = value as? [Any] { if #available(iOS 16.0, *) { var detents: Set = [] for detent in presentationDetents { if let detent = detent as? String { switch detent { case "medium": detents.insert(.medium) case "large": detents.insert(.large) default: break } } else if let detent = detent as? [String: Any] { if let fraction = detent["fraction"] as? CGFloat { detents.insert(.fraction(fraction)) } else if let height = detent["height"] as? CGFloat { detents.insert(.height(height)) } } } view = AnyView(view.presentationDetents(detents)) } } case "sensoryFeedback": if let sensoryFeedback = value as? [String: Any], let feedback = sensoryFeedback["feedback"] as? String, let trigger = sensoryFeedback["trigger"] as? any Equatable { if #available(iOS 17.0, *) { switch feedback { case "warning": view = AnyView(view.sensoryFeedback(.warning, trigger: trigger)) case "error": view = AnyView(view.sensoryFeedback(.error, trigger: trigger)) case "success": view = AnyView(view.sensoryFeedback(.success, trigger: trigger)) case "alignment": view = AnyView(view.sensoryFeedback(.alignment, trigger: trigger)) case "decrease": view = AnyView(view.sensoryFeedback(.decrease, trigger: trigger)) case "impact": view = AnyView(view.sensoryFeedback(.impact, trigger: trigger)) case "increase": view = AnyView(view.sensoryFeedback(.increase, trigger: trigger)) case "levelChange": view = AnyView(view.sensoryFeedback(.levelChange, trigger: trigger)) case "selection": view = AnyView(view.sensoryFeedback(.selection, trigger: trigger)) case "start": view = AnyView(view.sensoryFeedback(.start, trigger: trigger)) case "stop": view = AnyView(view.sensoryFeedback(.stop, trigger: trigger)) default: break } } } case "listStyle": if let listStyle = value as? String { switch listStyle { case "grouped": view = AnyView(view.listStyle(.grouped)) case "inset": if #available(iOS 14.0, *) { view = AnyView(view.listStyle(.inset)) } case "insetGrouped": if #available(iOS 14.0, *) { view = AnyView(view.listStyle(.insetGrouped)) } case "sidebar": if #available(iOS 14.0, *) { view = AnyView(view.listStyle(.sidebar)) } case "plain": if #available(iOS 14.0, *) { view = AnyView(view.listStyle(.plain)) } default: break } } case "scrollDisabled": if let scrollDisabled = value as? Bool { if scrollDisabled { if #available(iOS 16.0, *) { view = AnyView(view.scrollDisabled(scrollDisabled)) } } } case "textFieldStyle": if let textFieldStyle = value as? String { switch textFieldStyle { case "roundedBorder": view = AnyView(view.textFieldStyle(.roundedBorder)) case "plain": view = AnyView(view.textFieldStyle(.plain)) default: break } } case "pickerStyle": if let pickerStyle = value as? String { switch pickerStyle { case "wheel": if #available(iOS 14.0, *) { view = AnyView(view.pickerStyle(.wheel)) } case "segmented": if #available(iOS 14.0, *) { view = AnyView(view.pickerStyle(.segmented)) } case "menu": if #available(iOS 14.0, *) { view = AnyView(view.pickerStyle(.menu)) } default: break } } case "position": if let position = value as? [String: Any] { if let x = position["x"] as? CGFloat, let y = position["y"] as? CGFloat { view = AnyView(view.position(x: x, y: y)) } } case "offset": if let offset = value as? [String: Any] { if let x = offset["x"] as? CGFloat, let y = offset["y"] as? CGFloat { view = AnyView(view.offset(x: x, y: y)) } } case "contentTransition": if let transition = value as? String { switch transition { // identity, interpolate, opacity, symbolEffect, numericText case "identity": if #available(iOS 16.0, *) { view = AnyView(view.contentTransition(.identity)) } case "interpolate": if #available(iOS 16.0, *) { view = AnyView(view.contentTransition(.interpolate)) } case "opacity": if #available(iOS 16.0, *) { view = AnyView(view.contentTransition(.opacity)) } case "symbolEffect": if #available(iOS 17.0, *) { view = AnyView(view.contentTransition(.symbolEffect)) } case "numericText": if #available(iOS 16.0, *) { view = AnyView(view.contentTransition(.numericText(countsDown: false))) } default: break } } case "animation": if let animation = value as? [String: Any] { if let type = animation["type"] as? String { if let value = animation["value"] as? any Equatable { switch type { case "bouncy": view = AnyView(view.animation(.bouncy, value: value)) case "easeIn": view = AnyView(view.animation(.easeIn, value: value)) case "easeOut": view = AnyView(view.animation(.easeOut, value: value)) case "easeInOut": view = AnyView(view.animation(.easeInOut, value: value)) case "linear": view = AnyView(view.animation(.linear, value: value)) case "spring": view = AnyView(view.animation(.spring, value: value)) case "smooth": view = AnyView(view.animation(.smooth, value: value)) case "interactiveSpring": view = AnyView(view.animation(.interactiveSpring, value: value)) case "default": view = AnyView(view.animation(.default, value: value)) default: break } } } } case "textContentType": if let textContentType = value as? String { if #available(iOS 15.0, *) { view = AnyView(view.textContentType(UITextContentType(rawValue: textContentType))) } } case "keyboardType": if let keyboardType = value as? String { if #available(iOS 15.0, *) { switch keyboardType { case "numberPad": view = AnyView(view.keyboardType(.numberPad)) case "phonePad": view = AnyView(view.keyboardType(.phonePad)) case "namePhonePad": view = AnyView(view.keyboardType(.namePhonePad)) case "emailAddress": view = AnyView(view.keyboardType(.emailAddress)) case "decimalPad": view = AnyView(view.keyboardType(.decimalPad)) case "twitter": view = AnyView(view.keyboardType(.twitter)) case "webSearch": view = AnyView(view.keyboardType(.webSearch)) case "asciiCapableNumberPad": view = AnyView(view.keyboardType(.asciiCapableNumberPad)) case "asciiCapable": view = AnyView(view.keyboardType(.asciiCapable)) case "numbersAndPunctuation": view = AnyView(view.keyboardType(.numbersAndPunctuation)) case "URL": view = AnyView(view.keyboardType(.URL)) case "default": view = AnyView(view.keyboardType(.default)) default: break } } } case "autocorrectionDisabled": if let autocorrectionDisabled = value as? Bool { if #available(iOS 15.0, *) { view = AnyView(view.autocorrectionDisabled(autocorrectionDisabled)) } } case "textInputAutocapitalization": if let autocapitalization = value as? String { if #available(iOS 15.0, *) { switch autocapitalization { case "never": view = AnyView(view.textInputAutocapitalization(.never)) case "words": view = AnyView(view.textInputAutocapitalization(.words)) case "sentences": view = AnyView(view.textInputAutocapitalization(.sentences)) case "characters": view = AnyView(view.textInputAutocapitalization(.characters)) default: break } } } case "onAppear": view = AnyView(view.onAppear { onEvent(["onAppear": true]) }) case "onDisappear": view = AnyView(view.onDisappear { onEvent(["onDisappear": true]) }) // case "sheet": // if let sheetModifier = value as? [String: Any] { // if var isSheetPresented = sheetModifier["isPresented"] as? Bool { // let isSheetPresentedBinding = Binding( // get: { isSheetPresented }, // set: { isSheetPresented = $0 } // ) // view = AnyView(view.sheet(isPresented: isSheetPresentedBinding, onDismiss: { // onEvent(["onSheetDismissed": true]) // }) { // RepresentableView(view: sheetContent ?? UIView()) // .frame(width: sheetContent?.frame.width, height: sheetContent?.frame.height) // }) // } // } default: break } } } return AnyView(view) } } func convertRGBAToHexString(red: CGFloat, green: CGFloat, blue: CGFloat, alpha: CGFloat) -> String { let redInt = Int(red * 255) let greenInt = Int(green * 255) let blueInt = Int(blue * 255) let alphaInt = Int(alpha * 255) return String(format: "#%02X%02X%02X%02X", redInt, greenInt, blueInt, alphaInt) } func convertProcessedColorToUIColor(from value: Any?) -> UIColor { do { return try UIColor.convert(from: value, appContext: AppContext()) } catch _ { return UIColor.black } } func getColor(_ color: Any?) -> Color { if let color = color as? String { switch color { case "blue": return .blue case "red": return .red case "green": return .green case "yellow": return .yellow case "orange": return .orange case "purple": return .purple case "pink": return .pink case "primary": return .primary case "secondary": return .secondary case "accentColor": return .accentColor case "black": return .black case "white": return .white case "gray": return .gray case "clear": return .clear case "mint": if #available(iOS 15.0, *) { return .mint } case "brown": if #available(iOS 15.0, *) { return .brown } case "teal": if #available(iOS 15.0, *) { return .teal } case "cyan": if #available(iOS 15.0, *) { return .cyan } case "indigo": if #available(iOS 15.0, *) { return .indigo } default: if #available(iOS 15.0, *) { return Color(uiColor: convertProcessedColorToUIColor(from: color)) } else { return .clear } } } if #available(iOS 15.0, *) { return Color(uiColor: convertProcessedColorToUIColor(from: color)) } else { return .clear } } func getColors(_ colors: Any) -> [Color] { var result: [Color] = [] if let colors = colors as? [Any] { for color in colors { result.append(getColor(color)) } } return result } func mapToUnitPoint(_ point: String) -> UnitPoint { switch point { case "topLeading": return .topLeading case "top": return .top case "topTrailing": return .topTrailing case "leading": return .leading case "center": return .center case "trailing": return .trailing case "bottomLeading": return .bottomLeading case "bottom": return .bottom case "bottomTrailing": return .bottomTrailing default: return .center } } func getLinearGradient(_ obj: [String: Any]) -> LinearGradient { let startPointString = obj["startPoint"] as? String ?? "topLeading" let endPointString = obj["endPoint"] as? String ?? "bottomTrailing" let startPoint = mapToUnitPoint(startPointString) let endPoint = mapToUnitPoint(endPointString) return LinearGradient( gradient: Gradient(colors: getColors(obj["colors"] ?? [])), startPoint: startPoint, endPoint: endPoint ) }