手势检测：ElevatedButton 内的 SelectableText

Question

我在 Flutter Web 中遇到问题，其组件可点击（ElevatedButton、GestureDetector 等），同时包含 SelectableText 小部件内部。

主要问题是，单击 SelectableText 顶部不会触发 onPressed 按钮回调。相反，它看起来像是“启动”文本选择。

从我的角度来看，只有在文本上双击、拖动开始或长按时才应该初始化文本选择，而不是在单击时初始化。

我的问题的一个非常简化的版本：

import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      home: Center(
        child: ElevatedButton(
          onPressed: () {
            print('onTap');
          },
          child: Container(
            padding: const EdgeInsets.all(36),
            child: const SelectableText(
              'Select me, but I also want to be clickable!',
              textAlign: TextAlign.center,
              style: TextStyle(
                fontSize: 24,
              ),
            ),
          ),
        ),
      ),
    );
  }
}

请注意 ElevatedButton 和 SelectableText 之间的 padding

有任何提示吗？想法？ 提前致谢

Answer 1

我知道您正在尽力模仿“本机网络体验”，其中所有文本都是可选的，并且就像您所说的“点击和拖动开始是不同的”，但它们的差异可能只有 1 像素。

如果你看这个网页（堆栈溢出），我的用户名是可点击的，尝试拖动并选择它，你不能。现在向上滚动，在你的问题下方，标签是可点击的，尝试拖动并选择“flutter”一词，你不能......

所以说实话，对于按钮上的那些文本，也许只是不要让它们可供选择:D

但如果你坚持的话，SelectableText 小部件上也有 onTap 事件，因此你可以触发与按钮相同的回调，因此用户单击位置并不重要。