🗃️

【Flutter】htmlファイルを保存する方法

2022/11/18に公開

file_saverというパッケージを使いました。

https://pub.dev/packages/file_saver

Uint8List bytes = const Utf8Encoder().convert(result);
//resultにはString型を入れています。

await FileSaver.instance.saveFile(title, bytes, 'html', mimeType: MimeType.TEXT);
//titleはファイル名
//bytesはファイルの中身
//'html'はファイルの形式
//Mimetype.TEXTは必須ではないそうですが、念の為に入れています。

convertにはこのような文字列を入れました。
titleやhtmlTextなどのグローバル変数が入っているので、各自置き換えてください。

  result = """
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>${title}</title>
</head>
<body>
${htmlText}
</body>
</html>
        """;

以下おまけ

Flutterでアプリ開発を始める上での個人的なオススメをまとめています。
書籍はkindle unlimitedで新しいものを無料で読むのが良いと思います。

オススメ書籍

これから始める場合、flutter 1.x の時に書かれた本を読むのは辞めておいた方がいいです。
理由は、flutter 2.x 以降、null-safetyという仕様が加わり、書き方がガラッと変わりました。

僕は2.xがリリースされたあたりでFlutterを初めて、情報がアテにならずかなり苦戦しました。

これから始める方向け 【kindle unlimitedなら無料!】

スマホで動くアプリを作ろう!ゼロから始めるFlutter実践入門編 ①: シンプルなアプリを作ってみよう
https://amzn.to/3yxutNM

初心者による初心者のためのFlutter詳解
https://amzn.to/39YcpSK

脱初心者向け(課金の実装など、具体的な実装方法や技術が書いてあります)

現場で使える Flutter開発入門
https://amzn.to/3kUXuLv

Discussion