如何允许用户从“文本”小部件中选择文本?

时间:2017-05-13 22:27:36

标签: dart flutter

在Android上,我已经习惯TextView's textIsSelectable attribute,但我在文档文档中没有看到它。

目前我正在使用TextField(可编辑)而不保存对显示文本的任何更改。我的主要需求是允许复制粘贴。

1 个答案:

答案 0 :(得分:4)

我在我的一个项目中使用以下(简化)代码解决了这个问题:

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

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      title: 'Flutter Demo',
      home: new MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  GlobalKey<ScaffoldState> _scaffoldKey = new GlobalKey();
  String _text = 'TestString';

  /// Pastes given String to the clipboard and shows Popup-Snackbar
  void copyToClipboard(String toClipboard) {
    ClipboardData data = new ClipboardData(text: toClipboard);
    Clipboard.setData(data);
    _scaffoldKey.currentState.showSnackBar(new SnackBar(
      content: new Text(toClipboard + ' copied to clipboard.'),
    ));
  }

  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      key: _scaffoldKey,
      appBar: new AppBar(
        title: new Text('TestProject'),
      ),
      body: new InkWell(
        onLongPress: () => copyToClipboard(_text),
        child: new Center(
            child: new Text(_text),
        ),
      ),
    );
  }
}

所以只需将文本包装在可以检测手势的小部件中,或者使用GestureDetector来调用剪贴板方法。
希望它有所帮助。