SwiftUI技术问题：如何通过NavigationLink实现弹窗式页面展示

我完全懂你现在的困扰——本来想让RankingUserDetail以弹窗形式弹出，结果用NavigationLink直接变成了全屏推栈导航，改frame也完全没用。这是因为NavigationLink的目标视图是被导航栈的全屏容器包裹的，你设置的frame只能影响视图内部元素，根本突破不了容器的全屏限制。

下面给你一套可行的修改方案，用SwiftUI的原生弹窗组件替代推栈导航：

步骤1：添加状态变量控制弹窗显示 #

在包含这个List的父视图里，添加一个可选类型的状态变量，用来记录选中的用户：

@State private var selectedUser: User? // 这里假设你的用户模型名为User，根据实际情况替换

步骤2：替换NavigationLink为可点击行 #

把原来的NavigationLink改成普通的可点击视图，点击时给selectedUser赋值触发弹窗：

List(UsersList.users){ value in 
    RankingViewRow(user: value, rowNumber: self.UsersList.users.firstIndex(where: {$0.id == value.id})!, needAppearance: 0)
        .frame(width: 343, height: 116)
        .onTapGesture {
            selectedUser = value // 点击时选中当前用户，触发弹窗逻辑
        }
}

步骤3：绑定弹窗组件展示详情页 #

在父视图的末尾（比如List外面，或者整个视图的底部）添加.sheet修饰符，绑定selectedUser来展示弹窗：

.sheet(item: $selectedUser) { user in
    RankingUserDetail(user: user)
    // 如果需要自定义弹窗尺寸（iOS 16+），可以加上下面的修饰符
    .presentationDetents([.medium, .large]) // 支持中等/大尺寸，也可以自定义固定高度
}

额外说明 #

如果你的项目需要兼容iOS15及以下，.popover在iPhone上默认会全屏显示，这时候可以考虑用自定义弹窗容器，或者用.sheet结合半透明背景+圆角来模拟弹窗效果。

内容的提问来源于stack exchange，提问作者Guilherme Dalosto