我有一个简单的列表和一个导航视图,其中导航视图在滚动时会重叠在列表上方。
这是我想要的外观。
这是我得到的重叠效果。
这是代码。
这是我想要的外观。
![enter image description here](https://istack.dev59.com/1FYlw.webp)
![enter image description here](https://istack.dev59.com/ALrXV.webp)
struct MedicalDashboard: View {
let menuItemData = MenuItemList()
var body: some View {
NavigationView {
List(menuItemData.items, id: \.id) { item in
MenuItemRow(menuItem: item)
}
.listStyle(.insetGrouped)
.navigationTitle("Dashboard")
.navigationBarItems(trailing:
Button(action: {
// TODO: - Pop up a sheet for the settings page.
print("User icon pressed...")
}) {
Image(systemName: "person.crop.circle").imageScale(.large)
}
)
.padding(.top)
}
}
当我添加padding(.top)时,重叠停止了,但导航栏背景变成了不同的颜色。
![enter image description here](https://istack.dev59.com/NmpSU.webp)