-1

I need to have back button which looks like the one displayed on any App's page in Apple App Store, having banner image. See image below:

back button with filled like style of other System buttons

I have tried finding any possible system icon image name as guided here:

https://stackoverflow.com/a/58900114/1152014

But couldn't find any appropriate one. Please guide.

Usman
  • 618
  • 1
  • 6
  • 15

1 Answers1

2

The system icon image name is chevron.left.circle.fill (the one with fill color) and chevron.left.circle (the one without fill color)

By default the fill color is black, which you can change using the foreground color option.

import SwiftUI

struct ContentView: View {
    var body: some View {
        List {
            Image(systemName: "chevron.left.circle.fill")
                .resizable()
                .frame(width: 50, height: 50, alignment: .center)
                .listRowBackground(Color.green)
            Text("")
            Image(systemName: "chevron.left.circle")
                .resizable()
                .frame(width: 50, height: 50, alignment: .center)
                .listRowBackground(Color.green)
        }
        .foregroundColor(.white)
    }
}

enter image description here

Subha Narayanan
  • 442
  • 1
  • 4
  • 16
  • Thanks for your directions, this led me to following link, which is more appropriate solution to finding all the available images: https://stackoverflow.com/a/56515152/1152014 – Usman Mar 19 '20 at 12:45