カテゴリー【Flutter、Android、iPhone/iPad】
Flutterでassetsリソースファイルを使う
POSTED BY
2022-10-28
2022-10-28



Flutterでアプリ内にファイルをあらかじめ埋め込んでおき、コードで読み込むにはassetsフォルダを使う。
assetsディレクトリの作成
左ペインのプロジェクト名を右クリック→New→Directoryとし、「assets」と入力しOK。するとトップにassetsディレクトリができるので、ここに読み込みたい任意のファイルを入れ込んでいく。
ひとまずテストで、「テストテキストファイルの中身です」とだけかかれたテキストファイルをtest.txtとして保存してassetsディレクトリに置いておく。assets/test.txt
pubspec.yamlにファイルパスを記述
置くだけではだめで、pubspec.yamlのflutter:ブロックにパスを書かないと、認識してくれない。
flutter: assets: - assets/test.txt
テキストファイル読み込み、表示
読み込みはrootBundle.loadStringで行うがこれは非同期に行われるため結果がFuruteクラスで返るので、コールバック関数と一緒に定義する。
import 'package:flutter/services.dart'; //rootBundle import 'dart:async'; //Future
Stateウイジェットで読み込んで表示する
class _MyHomePageState extends State<MyHomePage> { String _assets_text = ''; Future<String> loadAssetsTextFile(String name) async { return rootBundle.loadString('assets/' + name); } @override Widget build(BuildContext context) { loadAssetsTextFile('test.txt').then((text) => { setState(() { _assets_text = text; }) }); return Scaffold( appBar: AppBar( title: Text('Load assets data file test'), ), body: Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: <Widget>[ const Text( 'Load assets data file test', ), Text( '$_assets_text', ), ], ), ), ); } }
画像ファイルの場合
AssetImageクラスにパスを渡せばそのままImageProviderクラスとして、Imageウイジェットの中身に使えます。
flutter: assets: - assets/test.txt - assets/test.png
//中略.. Text( '$_assets_text', ), Image(image: AssetImage('assets/test.png')),
任意のバイナリファイルの場合
rootBundle.loadで読み込んで、Unit8List配列として返すので、あとは利用側でなんとかする。
Future<Uint8List> loadAssetsBinaryFile(String name) async { var data = await rootBundle.load('assets/$name'); return data.buffer.asUint8List(data.offsetInBytes, data.lengthInBytes); } loadAssetsBinaryFile('test.bin').then((data) => { // 処理 });
Android
iPhone/iPad
Flutter
MacOS
Windows
Debian
Ubuntu
CentOS
FreeBSD
RaspberryPI
HTML/CSS
C/C++
PHP
Java
JavaScript
Node.js
Swift
Python
Amazon/AWS
CORESERVER
Google
仮想通貨
LINE
OpenAI/ChatGPT
IBM Watson
Microsoft Azure
Xcode
VMware
MySQL
PostgreSQL
Redis
Groonga
Git/GitHub
Apache
nginx
Postfix
SendGrid
Hackintosh
Hardware
Fate/Grand Order
ウマ娘
将棋
ドラレコ
※本記事は当サイト管理人の個人的な備忘録です。本記事の参照又は付随ソースコード利用後にいかなる損害が発生しても当サイト及び管理人は一切責任を負いません。
※本記事内容の無断転載を禁じます。
※本記事内容の無断転載を禁じます。
【WEBMASTER/管理人】
自営業プログラマーです。お仕事ください!ご連絡は以下アドレスまでお願いします★
☆ServerNote.NETショッピング↓
ShoppingNote / Amazon.co.jp
☆お仲間ブログ↓
一人社長の不動産業務日誌
【キーワード検索】
【最近の記事】【全部の記事】
【Xcode+Swift】DEBUG/RELEASEモードの切り替えとコード分岐方法【Swift UI】Cannot assign value of type Bindingエラーの対処法
【Swift UI】Extra argument in callの対処法
【Swift UI】navigationBarBackButtonHiddenはしたいがスワイプ操作で戻るは有効にしたい場合
【Swift UI】GeometryReader内のViewの位置が左にずれてしまう場合
XcodeでSwift UIアプリ実行時EXC_BAD_ACCESSエラーが出た場合
【Swift UI】右から登場し右へ消えるアニメーションボタンビュー
【Xcode】無償デベロッパで実機テストするまでのメモ
【Swift UI】アニメーションとトランジションの種類
【Swift UI】Hello Worldをフェードイン・アウトさせる
【人気の記事】【全部の記事】
【Windows10】リモートデスクトップ間のコピー&ペーストができなくなった場合の対処法進研ゼミチャレンジタッチをAndroid端末化する
Googleスプレッドシートを編集したら自動で更新日時を入れる
Windows版Google Driveが使用中と言われアンインストールできない場合
Androidホームで左にスワイプすると出てくるニュース共を一切表示させない方法
【C/C++】小数点以下の切り捨て・切り上げ・四捨五入
【Javascript】JSON配列内にある特定要素の取得法【Node.js】
【Apache】サーバーに同時接続可能なクライアント数を調整する
Googleファミリーリンクで子供の端末の現在地がエラーで取得できない場合
LinuxからWindowsの共有フォルダをマウントする
【カテゴリーリンク】
Android
iPhone/iPad
Flutter
MacOS
Windows
Debian
Ubuntu
CentOS
FreeBSD
RaspberryPI
HTML/CSS
C/C++
PHP
Java
JavaScript
Node.js
Swift
Python
Amazon/AWS
CORESERVER
Google
仮想通貨
LINE
OpenAI/ChatGPT
IBM Watson
Microsoft Azure
Xcode
VMware
MySQL
PostgreSQL
Redis
Groonga
Git/GitHub
Apache
nginx
Postfix
SendGrid
Hackintosh
Hardware
Fate/Grand Order
ウマ娘
将棋
ドラレコ