How to have the square (logo only) Apple sign in button.

Question

Created Jan ’22

Replies 2

Boosts 0

Participants 2

I've been working for 3 - 5 days on this but still, I couldn't find a clear working way to have the Apple sign-in button.

By the way, the button will be functioning in this code.

Button(action: {

                        print("Apple Sign In been tapped")

                        

                    }) {

                        ZStack {

                            RoundedRectangle(cornerRadius: 16)

                                .fill(Color(#colorLiteral(red: 0.9725490212440491, green: 0.9725490212440491, blue: 0.9725490212440491, alpha: 1)))

                                .frame(width: UIScreen.main.bounds.width * 0.2, height: UIScreen.main.bounds.height * 0.08)

                            Image("apple").resizable().frame(width: UIScreen.main.bounds.width * 0.1, height: UIScreen.main.bounds.height * 0.046, alignment: .center)

                            

                        }

                    }

Boost

Answer 1

MobileTen OP

Jan ’22

Button(action: {}) {

                ZStack {

                    RoundedRectangle(cornerRadius: 16)

                        .fill(.gray)



                    Image(systemName: "applelogo")

                        .resizable()

                        .padding(2.0)

                }

            }

            .frame(width: 120.0, height: 120.0)

0

Answer 2

cnnsyhnx OP

Jan ’22

Can you please add the function codes? What I actually mean is with function code.

0