单击时颤动取消选择文本

Question

我SelectableText在我的网站中使用小部件。当我用鼠标选择文本时，取消选择的唯一方法是单击SelectableText。

单击屏幕上的任意位置时如何取消选择文本？这是网站的经典行为。

class MainPageWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return const Scaffold(
      body: SelectableText("This is a selectable text"),
    );
  }
}

但如果我删除它Scaffold以保留SelectableText唯一的，它就有效。但是如果没有 .txt 文件，文本将以一种奇怪的方式显示Scaffold。

我在 Ubuntu 20.04 上使用 Google Chrome。

Answer 1

Flutter 3.3 和 widget 提供了解决方案SelectionArea。不再需要了SelectableText。Scaffold只需用a包裹SelectableArea并使用Text而不是SelectableText.

有关更多详细信息，请参阅https://api.flutter.dev/flutter/material/SelectionArea-class.html 。