扑动(飞镖)如何添加复制到剪贴板上点击一个应用程序?

我是一个初学者扑动,我刚开始按照他们的名称生成器应用程序教程,并作出了一个简单的名称生成应用程序。我想知道是否有可能添加复制到剪贴板功能时,用户点击一个名称?我试图实现在堆栈上找到的一个解决方案,但它不起作用。我的完整代码在这里。感谢您的建议。

import 'package:flutter/material.dart';
import 'package:english_words/english_words.dart';


void main() => runApp(new MyApp());


class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new MaterialApp(
title: 'Startup Name Generator',
home: new RandomWords(),
);
}
}


class RandomWords extends StatefulWidget {
@override
RandomWordsState createState() => new RandomWordsState();
}


class RandomWordsState extends State<RandomWords> {
final List<WordPair> _suggestions = <WordPair>[];
final Set<WordPair> _saved = new Set<WordPair>();
final TextStyle _biggerFont = const TextStyle(fontSize: 18.0);


@override
Widget build(BuildContext context) {
return new Scaffold(
appBar: new AppBar(
title: const Text('Startup Name Generator'),
actions: <Widget>[
new IconButton(icon: const Icon(Icons.list), onPressed: _pushSaved),
],
),
body: _buildSuggestions(),
);
}


Widget _buildSuggestions() {
return new ListView.builder(
padding: const EdgeInsets.all(16.0),
itemBuilder: (BuildContext _context, int i) {
if (i.isOdd) {
return const Divider();
}
final int index = i ~/ 2;
if (index >= _suggestions.length) {
_suggestions.addAll(generateWordPairs().take(10));
}
return _buildRow(_suggestions[index]);
});
}


Widget _buildRow(WordPair pair) {
final bool alreadySaved = _saved.contains(pair);


return new ListTile(
title: new Text(
pair.asPascalCase,
style: _biggerFont,
),
trailing: new Icon(
alreadySaved ? Icons.favorite : Icons.favorite_border,
color: alreadySaved ? Colors.red : null,
),
onTap: () {
setState(() {
if (alreadySaved) {
_saved.remove(pair);
} else {
_saved.add(pair);
}
});
},
);
}


void _pushSaved() {
Navigator.of(context).push(
new MaterialPageRoute<void>(
builder: (BuildContext context) {
final Iterable<ListTile> tiles = _saved.map(
(WordPair pair) {
return new ListTile(
title: new Text(
pair.asPascalCase,
style: _biggerFont,
),
);
},
);
final List<Widget> divided = ListTile
.divideTiles(
context: context,
tiles: tiles,
)
.toList();
return new Scaffold(
appBar: new AppBar(
title: const Text('Saved Suggestions'),
),
body: new ListView(children: divided),
);


},
),
);
}
}
70400 次浏览

进口:

import 'package:flutter/services.dart';

然后简单地执行下面的步骤:

onTap: () async {
await Clipboard.setData(ClipboardData(text: "your text"));
// copied successfully
},

您可以使用 Flutter clipboard _ manager 包: 剪贴板管理器

要安装它,请按照本页上的说明进行,非常简单: 颤振剪贴板管理器的安装过程

要使用它,请将其导入到正在编写的. dart 文件中,然后可以使用以下命令: ClipboardManager.copyToClipBoard("your text to copy")

其中“您要复制的文本”可以替换为您想要复制到剪贴板的任何字符串。

如果你想在复制文本后创建一个快餐栏,因为它是异步的,你可以这样做:

ClipboardManager.copyToClipBoard("your text to copy").then((result) {
final snackBar = SnackBar(
content: Text('Copied to Clipboard'),
action: SnackBarAction(
label: 'Undo',
onPressed: () {},
),
);
Scaffold.of(context).showSnackBar(snackBar);
});

附录: 如果你看一下包的源代码,它基本上是这样的:

Clipboard.setData(ClipboardData(text: "your text to copy"));

然而,我发现额外的一点语法糖和异步的优势使它成为一个更好的解决方案,没有什么你不能做的香草扑动,但我发现它更好一点。

如果你想要更好的解决方案,不需要任何异步工作的依赖关系,可以使用以下方法:

import 'package:flutter/services.dart';


Clipboard.setData(ClipboardData(text: email)).then((_){
ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text("Email address copied to clipboard")));
});

你可在以下连结找到有用的突破性改变: Https://docs.flutter.dev/release/breaking-changes/scaffold-messenger

你可以在不添加任何插件的情况下使用下面的代码并通知用户:

不建议使用 Scaffold.of(context).showSnackBar(snackBar);通知用户 所以使用以下更新的代码。

import 'package:flutter/services.dart';


Clipboard.setData(new ClipboardData(text: "Your Copy text")).then((_){
ScaffoldMessenger.of(context)
.showSnackBar(SnackBar(content: Text('Copied to your clipboard !')));
});

现在,在 Flutter 3.3中,全局 选择已经可用,Flutter 提供了在新的向导 可供选择的区域的帮助下选择 Web 应用程序中的整个文本的能力。从图中可以看到,我们使用了选择表区域访问,在这个向导中,我们可以选择向导中的任何文本,就像在 Web 应用程序中一样。

SelectionArea(
child: Scaffold(
appBar: AppBar(title: const Text(_title)),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: const <Widget>[
Text('Row 1'),
Text('Row 2'),
Text('Row 3'),
],
),
),
),
)

为演示,检查 给你