Swift TabView中的视频播放器意外播放

我做了一些调整.最重要的一点是，当TabView改变页面时，不一定会调用onAppear和onDisappear.相反，你可以依靠selection来判断它是否是当前页面.然后，我根据该 Select 状态加载AVPlayer.

请参见内联注释.

struct MainView: View {
    @State private var selection = 0
    @State var content: [uploadContent] = [uploadContent(isImage: false, videoURL: URL(string: "https://firebasestorage.googleapis.com:443/v0/b/hustle-85b6c.appspot.com/o/stories%2F73F8CF05-39AB-4A8F-AAEF-C70C9A57B22D.mp4?alt=media&token=5b5a63e3-e5af-4e2f-84c4-416abd554b84")!),
                                           uploadContent(isImage: true, imageURL: "https://firebasestorage.googleapis.com:443/v0/b/hustle-85b6c.appspot.com/o/messages%2F19EAAFB0-0AC1-4100-88DC-F9980531D559?alt=media&token=5b206605-94e2-43f3-9dfb-1922cfecc989"),
                                           uploadContent(isImage: false, videoURL: URL(string: "https://firebasestorage.googleapis.com:443/v0/b/hustle-85b6c.appspot.com/o/stories%2F73F8CF05-39AB-4A8F-AAEF-C70C9A57B22D.mp4?alt=media&token=5b5a63e3-e5af-4e2f-84c4-416abd554b84")!),
                                           uploadContent(isImage: false, videoURL: URL(string: "https://firebasestorage.googleapis.com:443/v0/b/hustle-85b6c.appspot.com/o/stories%2F73F8CF05-39AB-4A8F-AAEF-C70C9A57B22D.mp4?alt=media&token=5b5a63e3-e5af-4e2f-84c4-416abd554b84")!),
                                           uploadContent(isImage: true, imageURL: "https://firebasestorage.googleapis.com:443/v0/b/hustle-85b6c.appspot.com/o/messages%2F01659DB0-C97D-4FB3-A0B4-0F0302FA463B?alt=media&token=9e5b0553-c081-443e-a263-7e0e81630281")]
    
    var body: some View {
        TabView(selection: $selection) {
            ForEach(Array(content.enumerated()), id: \.1.id) { index, content in
                Group {
                    if let url = content.imageURL {
                        HStack {
                            AsyncImage(url: (URL(string: url)))
                                .scaledToFill()
                                .frame(height: 300)
                            Spacer()
                        }
                    } else if let url = content.videoURL {
                        HStack {
                            VideoWrapper(url: url,
                                         isSelected: selection == index)
                            .frame(height: 300)
                            Spacer()
                        }
                    }
                }
                .padding(5)
                .tag(index)
            }
        }
        .tabViewStyle(PageTabViewStyle(indexDisplayMode: .always)).frame(height: 310)
    }
}

struct VideoWrapper: View {
    let url: URL
    let isSelected: Bool
    
    @State private var player: AVPlayer? // <-- Don't bother loading with an incorrect value
    
    var body: some View {
        ZStack {
            if let player {
                VideoPlayer(player: $player)
                    .scaledToFill()
            }
        }
        .task(id: isSelected) {
            if isSelected {
                if player == nil {
                    player = AVPlayer(url: url) // <-- Load the player if necessary
                    player?.isMuted = false
                }
                await self.player?.seek(to: .zero) // <-- Always rewind
                self.player?.play() // <-- Start
            } else {
                self.player?.pause() // <-- pause when we're off screen
            }
        }
    }
}


//not important for question

struct VideoPlayer : UIViewControllerRepresentable {
    @Binding var player : AVPlayer? // <-- now is Optional to match the parent view
    
    func makeUIViewController(context: UIViewControllerRepresentableContext<VideoPlayer>) -> AVPlayerViewController {
        
        let controller = AVPlayerViewController()
        controller.player = player
        controller.showsPlaybackControls = false
        controller.allowsVideoFrameAnalysis = false
        return controller
    }
    
    func updateUIViewController(_ uiViewController: AVPlayerViewController, context: UIViewControllerRepresentableContext<VideoPlayer>) { }
}