方法1
import SwiftUI
struct ContentView: View {
var body: some View {
NavigationView {
List {
ForEach(0..<100) { index in
Text("テキスト: \(index)")
}
}
.listStyle(.grouped)
+ .toolbar {
+ ToolbarItem(placement: .navigation) {
+ Image("instagram")
+ .resizable()
+ .aspectRatio(contentMode: .fit)
+ .padding(.vertical, 5)
+ }
+ }
}
}
}
方法2
import SwiftUI
struct ContentView: View {
var body: some View {
NavigationView {
List {
ForEach(0..<100) { index in
Text("テキスト: \(index)")
}
}
.listStyle(.grouped)
+ .toolbar {
+ Image("instagram")
+ .resizable()
+ .aspectRatio(contentMode: .fit)
+ .padding(.vertical, 5)
+ }
}
}
}
方法3
import SwiftUI
struct ContentView: View {
var body: some View {
NavigationView {
List {
ForEach(0..<100) { index in
Text("テキスト: \(index)")
}
}
.listStyle(.grouped)
+ .navigationBarItems(leading: HStack {
+ Image("instagram")
+ .resizable()
+ .aspectRatio(contentMode: .fit)
+ .padding(.vertical, 5)
+ })
}
}
}
おわり
これら全て同じ見た目になります。
SwiftUIは同じ見た目で複数の書き方ができるので実装時にはかなり迷います。
