右下にあるボタンを実装する
ボタンの実装部分
struct FloatingButtonView: View {
var body: some View {
Button {
} label: {
Image(systemName: "rectangle.stack.badge.plus")
.resizable()
.scaledToFit()
.frame(width: 24.0, height: 24.0)
.foregroundColor(.white)
.padding(.all, 12.0)
.background(Color.red)
.cornerRadius(24.0)
.shadow(color: .black.opacity(0.3),
radius: 5.0,
x: 1.0, y: 1.0)
}
}
}
呼び出し部分
struct BarPagerView: View {
var body: some View {
NavigationView {
ZStack(alignment: .bottomTrailing) {
VStack(spacing: .zero) {
// 画面表示部分
Spacer()
}
FloatingButtonView()
.offset(x: -16.0, y: -16.0)
}
.navigationBarTitleDisplayMode(.inline)
}
}
}
参照
以下のページを参照
https://qiita.com/MilanistaDev/items/09809b38dc8b23efa9ac