如何从 Flutter Web 中的文本小部件中选择并复制文本？

Question

如何从 Flutter Web 中的文本小部件中选择并复制文本？

我使用剪贴板，但它不起作用。

child: GestureDetector(
                            onTap: () {
                              Clipboard.setData(ClipboardData(text: _data.url))
                                  .catchError((e) {
                              }).whenComplete(() {
                                Scaffold.of(context).showSnackBar(SnackBar(
                                  content: Text('已复制'),
                                ));
                              });
                            },
                            child: Text(
                              '复制',
                              style: TextStyle(
                                color: Colors.grey,
                                fontSize: 12,
                              ),
                            ),
                          ),

Answer 1

使用构建器小部件

  child: Builder(builder: (context) {
    return GestureDetector(
      onTap: () {
        Clipboard.setData(ClipboardData(text: url))
            .catchError((e) {})
            .whenComplete(() {
          Scaffold.of(context).showSnackBar(SnackBar(
            content: Text('已复制'),
          ));
        });
      },
      child: Text(
        '复制',
        style: TextStyle(
          color: Colors.grey,
          fontSize: 40,
        ),
      ),
    );
  }),

Answer 2

此代码不适用于 flutter web

Clipboard.setData(ClipboardData(text: _data.url))

你应该使用这个包在 flutter web 中复制文本

复制到剪贴板网页

快乐编码