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

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

FlutterでMarkdownのテキストを表示する為には、flutter_markdownを利用します。

pubspec.yaml

dependencies:
  flutter_markdown: ^0.6.2


main.dart

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

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

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

final String markdownText = '''
# 見出し1
hoge

## 見出し2
fuga

### 見出し3
piyo 
'''