UPGRADE YOUR SKILLS: Learn advanced Swift and SwiftUI on Hacking with Swift+! >>

SOLVED: Moonshot Project - .background(.darkBackground)

Forums > 100 Days of SwiftUI

Hello

I must be doing something stupid but I cannot get the .background(.darkBackground) to work on the MissionView page created in the Showing mission details with ScrollView and containerRelativeFrame() section of the project.

I have searched but connot find any info that makes sense... Any suggestions on where I might be going wrong would be much appreciated.

2      

Hello

No problem for me with that :

my code

        var body: some View {
        ScrollView{ 
            // Code
        }
        .navigationTitle(mission.displayName)
        .navigationBarTitleDisplayMode(.inline)
        .background(.darkBackground)
    }

2      

Have you got this in a file called Color-Theme

import SwiftUI

extension ShapeStyle where Self == Color {
    static var darkBackground: Color {
        Color(red: 0.1, green: 0.1, blue: 0.2)
    }

    static var lightBackground: Color {
        Color(red: 0.2, green: 0.2, blue: 0.3)
    }
}

3      

That was what i missed... maybe i fell alseep duirng the lesson :)

2      

TAKE YOUR SKILLS TO THE NEXT LEVEL If you like Hacking with Swift, you'll love Hacking with Swift+ – it's my premium service where you can learn advanced Swift and SwiftUI, functional programming, algorithms, and more. Plus it comes with stacks of benefits, including monthly live streams, downloadable projects, a 20% discount on all books, and free gifts!

Find out more

Sponsor Hacking with Swift and reach the world's largest Swift community!

Reply to this topic…

You need to create an account or log in to reply.

All interactions here are governed by our code of conduct.

 
Unknown user

You are not logged in

Log in or create account
 

Link copied to your pasteboard.