Flutterでテキスト内リンクを作る

はじめに

業務でテキスト内リンクを作成するためにRichTextを使ったので、備忘録代わりにまとめてみます。

動作イメージ

実装

RichText(
    text: TextSpan(children: [
  const TextSpan(
      text: 'お問合わせは',
      style: TextStyle(color: Colors.black)),
  TextSpan(
      text: 'こちら',
      style: const TextStyle(color: Colors.blue),
      recognizer: TapGestureRecognizer()
        ..onTap = () {
          // タップ時
        }),
  const TextSpan(
      text: 'からお願いします。',
      style: TextStyle(color: Colors.black))
]))

その他

テキストの一部をイタリック体にしたり、下線を引くこともできるようです。