<p>FlutterでMarkdownのテキストを表示する為には、<a href="https://pub.dev/packages/flutter_markdown" target="_blank" rel="noopener noreferrer">flutter_markdown</a>を利用します。<br><br>pubspec.yaml</p><pre><code>dependencies:
  flutter_markdown: ^0.6.2</code></pre><p><br>main.dart</p><pre><code>import &#x27;package:flutter&#x2F;material.dart&#x27;;
import &#x27;package:flutter_markdown&#x2F;flutter_markdown.dart&#x27;;

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text(&quot;MarkdownDemo&quot;)),
        body: Markdown(data: markdownText),
      ),
    );
  }
}

final String markdownText = &#x27;&#x27;&#x27;
# 見出し1
hoge

## 見出し2
fuga

### 見出し3
piyo 
&#x27;&#x27;&#x27;</code></pre>

FlutterでMarkdownのテキストを表示する

<p>日本でのFlutterの採用事例をまとめました。<br></p><h3 id="hd00eb6082b">REQU</h3><p><span style="color:#333333">サイバーエージェント</span><br><a href="https://www.cyberagent.co.jp/way/features/list/detail/id=26230" target="_blank" rel="noopener noreferrer">https:&#x2F;&#x2F;www.cyberagent.co.jp&#x2F;way&#x2F;features&#x2F;list&#x2F;detail&#x2F;id=26230</a><br></p><h3 id="h4fc2f0bbc2">Green</h3><p>アトラエ<br><a href="https://atraetech.hatenablog.com/entry/20210218_green_mobile_app_structure" target="_blank" rel="noopener noreferrer">https:&#x2F;&#x2F;atraetech.hatenablog.com&#x2F;entry&#x2F;20210218</a><a href="https://atraetech.hatenablog.com/entry/20210218_green_mobile_app_structure" target="_blank" rel="noopener noreferrer"><em>green</em></a><a href="https://atraetech.hatenablog.com/entry/20210218_green_mobile_app_structure" target="_blank" rel="noopener noreferrer">mobile_app_structure</a><br></p><h3 id="h72c563f63b">カウル</h3><p>ハウスマート<br><a href="https://note.com/yamarkz/n/nd9716541d8ad" target="_blank" rel="noopener noreferrer">https:&#x2F;&#x2F;note.com&#x2F;yamarkz&#x2F;n&#x2F;nd9716541d8ad</a><br></p><h3 id="ha750097178">giftee</h3><p>ギフティ<br><a href="https://blog.giftee.dev/2021-01-12-rebuild-app-with-flutter/" target="_blank" rel="noopener noreferrer">https:&#x2F;&#x2F;blog.giftee.dev&#x2F;2021-01-12-rebuild-app-with-flutter&#x2F;</a><br></p><h3 id="hb1c05da024">Stailer</h3><p>10X<br><a href="https://type.jp/et/feature/15075/" target="_blank" rel="noopener noreferrer">https:&#x2F;&#x2F;type.jp&#x2F;et&#x2F;feature&#x2F;15075&#x2F;</a><br></p><h3 id="hf38638a8d2">SUZURI</h3><p>GMOペパボ<br><a href="https://speakerdeck.com/osamtimizer/suzuri-meets-flutter" target="_blank" rel="noopener noreferrer">https:&#x2F;&#x2F;speakerdeck.com&#x2F;osamtimizer&#x2F;suzuri-meets-flutter</a><br></p><h3 id="hed770b3dc7">じゃらん</h3><p>リクルート<br><a href="https://speakerdeck.com/rtechkouhou/flutteryi-xing-falseku-lao-to-cheng-riyue-etaxian-nide-raretamofalse" target="_blank" rel="noopener noreferrer">https:&#x2F;&#x2F;speakerdeck.com&#x2F;rtechkouhou&#x2F;flutteryi-xing-falseku-lao-to-cheng-riyue-etaxian-nide-raretamofalse</a><br></p><h3 id="hb847e37937">Chompy</h3><p><span style="color:#0c2340">シン</span><br><a href="https://speakerdeck.com/yagitatsu/chompytefluttercai-yong-sita-zhen-rifan-ri" target="_blank" rel="noopener noreferrer">https:&#x2F;&#x2F;speakerdeck.com&#x2F;yagitatsu&#x2F;chompytefluttercai-yong-sita-zhen-rifan-ri</a></p>

PrismCube

Flutter

FlutterでMarkdownのテキストを表示する

【採用・導入事例】Flutterで作られたアプリ