Skip to content

Instantly share code, notes, and snippets.

@azamsharp

azamsharp/gradients.swift

Created March 2, 2021 19:02
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save azamsharp/8abbd76a1ab33d6bcbe9c7fd392512bc to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save azamsharp/8abbd76a1ab33d6bcbe9c7fd392512bc to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. azamsharp created this gist Mar 2, 2021.
    48 changes: 48 additions & 0 deletions gradients.swift
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,48 @@
    //
    // ContentView.swift
    // GradientsinSwiftUI
    //
    // Created by Mohammad Azam on 3/2/21.
    //

    import SwiftUI

    struct ContentView: View {
    var body: some View {
    VStack {

    }.frame(maxWidth: .infinity, maxHeight: .infinity)
    .background(AngularGradient(gradient: Gradient(colors: [Color.red, Color.blue, Color.yellow, Color.green, Color.purple, Color.pink]), center: /*@START_MENU_TOKEN@*/.center/*@END_MENU_TOKEN@*/))
    .edgesIgnoringSafeArea(.all)
    }
    }

    struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
    ContentView()
    }
    }

    /* LINEAR GRADIENT
    struct ContentView: View {
    var body: some View {
    VStack {

    }.frame(maxWidth: .infinity, maxHeight: .infinity)
    .background(LinearGradient(gradient: Gradient(colors: [Color(#colorLiteral(red: 0.6090738773, green: 0.346663475, blue: 0.7139347196, alpha: 1)), Color(#colorLiteral(red: 0.9060251117, green: 0.2971941829, blue: 0.2339707017, alpha: 1))]), startPoint: .top, endPoint: .bottom))
    .edgesIgnoringSafeArea(.all)
    }
    }
    */

    /* RADIAL GRADIENT
    struct ContentView: View {
    var body: some View {
    VStack {

    }.frame(maxWidth: .infinity, maxHeight: .infinity)
    .background(RadialGradient(gradient: Gradient(colors: [Color.red, Color.blue]), center: .topLeading, startRadius: 5, endRadius: 900))
    .edgesIgnoringSafeArea(.all)
    }
    }
    */