SwiftUI文本选择与BottomSheetView触发冲突的解决方案求助

核心思路是判断当前是否处于文本选择交互状态，仅当无文本选择时才触发底部弹窗的打开逻辑。

方法1：利用系统菜单控制器判断文本选择状态 #

文本选择时，系统会显示包含复制/粘贴等选项的菜单，通过检查该菜单的可见性，就能判断是否处于文本选择模式：

修改原代码如下：

import UIKit // 需要引入UIKit

public var body: some View {
    VStack {
        Text(viewModel.names)
            .textSelection(.enabled)
        Text(viewModel.caption)
            .textSelection(.enabled)
        // 其他UI组件...
    }
    .onTapGesture {
        // 若文本选择菜单可见，说明正在取消选择，不触发弹窗
        guard !UIMenuController.shared.isMenuVisible else {
            return
        }
        viewModel.captionViewTapped()
    }
}

原理说明：

• 用户进入文本选择模式时，UIMenuController.shared.isMenuVisible会变为true
• 点击文本区域外时，系统会先隐藏菜单（此时isMenuVisible仍为true，直到点击事件处理完毕），因此我们可以通过这个条件拦截弹窗触发逻辑
• 非文本选择状态下点击，菜单不可见，正常触发弹窗打开

方法2：自定义文本组件跟踪选择状态（进阶） #

如果需要更精确的控制（比如用户未显示菜单但已选中文本的场景），可以自定义UIViewRepresentable封装UITextView，通过代理跟踪文本选中状态：

struct SelectableTextView: UIViewRepresentable {
    let text: String
    @Binding var isTextSelected: Bool
    
    func makeUIView(context: Context) -> UITextView {
        let textView = UITextView()
        textView.text = text
        textView.isEditable = false
        textView.isSelectable = true
        textView.delegate = context.coordinator
        return textView
    }
    
    func updateUIView(_ uiView: UITextView, context: Context) {
        uiView.text = text
    }
    
    func makeCoordinator() -> Coordinator {
        Coordinator(parent: self)
    }
    
    class Coordinator: NSObject, UITextViewDelegate {
        let parent: SelectableTextView
        
        init(parent: SelectableTextView) {
            self.parent = parent
        }
        
        func textViewDidChangeSelection(_ textView: UITextView) {
            parent.isTextSelected = textView.selectedRange.length > 0
        }
    }
}

然后在主视图中使用：

public var body: some View {
    @State private var isAnyTextSelected = false
    
    return VStack {
        SelectableTextView(text: viewModel.names, isTextSelected: $isAnyTextSelected)
        SelectableTextView(text: viewModel.caption, isTextSelected: $isAnyTextSelected)
        // 其他UI组件...
    }
    .onTapGesture {
        guard !isAnyTextSelected else {
            isAnyTextSelected = false // 重置选择状态
            return
        }
        viewModel.captionViewTapped()
    }
}

原理说明：

• 通过UITextViewDelegate的textViewDidChangeSelection方法实时跟踪文本选中状态
• 点击外部时，若检测到有文本选中，则仅重置状态，不触发弹窗；否则正常打开弹窗

注意事项 #

• 方法1依赖系统菜单的显示状态，若用户通过键盘快捷键等方式触发文本选择（无菜单显示），可能会失效，适合绝大多数常规交互场景
• 方法2更精确，但需要自定义组件，适合对交互逻辑要求极高的场景

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