2
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

選択可能なテキストを作成する

Last updated at Posted at 2021-06-14

SelectableTextを使う

公式サイト

使い方

テキストの表示は基本的にTextウィジェットと同じように使える。
これでテキスト選択もできる。
選択して出るツールバーが英語表記しか出ない。

SelectableText(
    'サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキストサンプルテキスト',
    style: TextStyle(color: Colors.red)
)

注意1:オーバーフローはない

Textウィジェットと違いoverflowプロパティがないのでテキストが溢れても、省略はできない。
代わりにスクロール可能になり全てのテキストを見ることができる。

所感

アプリだとテキスト選択したい場面が少ないのだろうか。だとしてもここまで浸透していないのも不思議だと思いました。
使い所を見定めて使用していきたい。

2
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?