Flutter テキストの展開と折りたたみができるTextのライブラリ紹介

今回はFlutterでTextの一部が折りたたまれて隠れており、「もっと見る」のような部分を押すと全文が表示される といったものが簡単に実装できるライブラリの紹介です。

それがこちらのreadmoreというライブラリです
https://pub.dev/packages/readmore

実装は簡単で ライブラリをimportするだけで使えます。

ReadMoreText(
  '今回はFlutterでTextの一部が折りたたまれて隠れており、「もっと見る」のような部分を押すと全文が表示される といったものが簡単に実装できるライブラリの紹介です。,
  trimLines: 2,
  colorClickableText: Colors.pink,
  trimMode: TrimMode.Line,
  trimCollapsedText: 'Show more',
  trimExpandedText: 'Show less',
  moreStyle: TextStyle(fontSize: 14, fontWeight: FontWeight.bold),
);

こんな感じでテキストとテキストの展開、折りたたみ時の操作を行う部分のテキストに関する指定ができます。

興味がある方はぜひ使ってみてください。