SwiftUI轮播自定义元素跳转至指定视图/ViewController实现方案

一、跳转至SwiftUI视图 FavoritesResultSwiftUIView #

在ZStack中通过绑定状态控制隐藏的NavigationLink实现跳转，避免直接嵌套导致轮播布局异常：

import SwiftUI

// 自定义轮播元素视图
struct CarouselItemView: View {
    let item: CarouselItem // 替换为你的数据模型
    @Binding var triggerNavigation: Bool
    
    var body: some View {
        // 你的图片+文字布局
        VStack {
            Image(item.imageUrl)
                .resizable()
                .scaledToFit()
                .frame(height: 200)
            Text(item.title)
                .font(.subheadline)
                .padding(.top, 8)
        }
        .onTapGesture {
            triggerNavigation = true
        }
    }
}

// 轮播容器视图
struct CarouselContainerView: View {
    @State private var isNavigatingToFavorites = false
    let carouselItems: [CarouselItem] // 你的轮播数据源
    
    var body: some View {
        ZStack {
            // 依赖包提供的轮播组件，传入自定义元素
            YourCarouselLibraryView(items: carouselItems) { item in
                CarouselItemView(item: item, triggerNavigation: $isNavigatingToFavorites)
            }
            
            // 隐藏的NavigationLink，由状态控制跳转
            NavigationLink(
                destination: FavoritesResultSwiftUIView(),
                isActive: $isNavigatingToFavorites
            ) {
                EmptyView()
            }
            .hidden()
        }
        .navigationBarHidden(true) // 按需设置导航栏显隐
    }
}

核心逻辑：通过@Binding将轮播元素的点击事件与容器视图状态绑定，状态变化时触发隐藏的NavigationLink完成跳转，既不干扰轮播布局，又能实现跳转需求。

二、跳转至UIKit视图 FavoritesResultViewController #

提供两种适配方案，根据导航需求选择：

方式1：模态跳转（SwiftUI原生方式） #

用fullScreenCover配合UIViewControllerRepresentable包装UIKit控制器：

import SwiftUI
import UIKit

// 包装UIKit控制器为SwiftUI可识别的视图
struct FavoritesUIKitWrapper: UIViewControllerRepresentable {
    func makeUIViewController(context: Context) -> FavoritesResultViewController {
        // 替换为你的控制器初始化逻辑
        let vc = FavoritesResultViewController()
        vc.view.backgroundColor = .white
        return vc
    }
    
    func updateUIViewController(_ uiViewController: FavoritesResultViewController, context: Context) {}
}

struct CarouselContainerView: View {
    @State private var isPresentingUIKitVC = false
    let carouselItems: [CarouselItem]
    
    var body: some View {
        ZStack {
            YourCarouselLibraryView(items: carouselItems) { item in
                CarouselItemView(item: item)
                    .onTapGesture {
                        isPresentingUIKitVC = true
                    }
            }
        }
        .fullScreenCover(isPresented: $isPresentingUIKitVC) {
            FavoritesUIKitWrapper()
        }
    }
}

方式2：Push到导航栈（适配UIKit导航体系） #

如果SwiftUI视图嵌入在UIKit的UINavigationController中，通过获取顶层控制器实现push：

import SwiftUI
import UIKit

// 扩展：获取当前顶层UIViewController
extension UIViewController {
    func topMost() -> UIViewController {
        presentedViewController?.topMost() ?? self
    }
}

extension View {
    func getTopVC() -> UIViewController? {
        guard let windowScene = UIApplication.shared.connectedScenes.first as? UIWindowScene,
              let rootVC = windowScene.windows.first?.rootViewController else {
            return nil
        }
        return rootVC.topMost()
    }
}

// 轮播容器视图中使用
struct CarouselContainerView: View {
    let carouselItems: [CarouselItem]
    
    var body: some View {
        ZStack {
            YourCarouselLibraryView(items: carouselItems) { item in
                CarouselItemView(item: item)
                    .onTapGesture {
                        guard let topVC = getTopVC() else { return }
                        let favoritesVC = FavoritesResultViewController()
                        topVC.navigationController?.pushViewController(favoritesVC, animated: true)
                    }
            }
        }
    }
}

这种方式可让UIKit控制器无缝融入现有导航栈，保持一致的返回逻辑。

内容的提问来源于stack exchange，提问作者Shaurya Ranjan