iOS 26+ safeAreaBar

that we now use safeAreaBar from iOS 26+ to show the specified content as a custom bar beside the modified view

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
struct SafeAreaBarTest: View {
    var body: some View {
        NavigationStack {
            List {
                ForEach(1...20, id: \.self) { index in
                    Text("\(index). Item")
                }
            }
            .safeAreaBar(edge: .bottom) {
                Text("Hello, This is Bottom Bar!")
                    .padding(.vertical, 15)
            }
            .scrollEdgeEffectStyle(.soft, for: .bottom)
            //.scrollEdgeEffectStyle(.hard, for: .bottom)
        }
    }
}

safeAreaBar demo