flutter学习-day8-资源文件加载和管理

鹏多多.

已于 2023-12-28 10:53:03 修改

阅读量507

点赞数 8

分类专栏： Flutter 文章标签： flutter 学习

于 2023-12-12 10:06:44 首次发布

本文链接：https://blog.csdn.net/pdd11997110103/article/details/134660630

版权

Flutter 专栏收录该内容

23 篇文章 1 订阅

订阅专栏

文章目录

1. 简介
2. 加载assets
- 2-1. 加载文本
- 2-2. 加载图片

本文学习和引用自《Flutter实战·第二版》：作者：杜文

1. 简介

和包管理一样，Flutter 也使用pubspec.yaml文件来管理应用程序所需的资源，如下例子:

flutter:
  assets:
    - static/
    - static/portrait.png

2. 加载assets

您的应用可以通过AssetBundle对象访问其 asset 。有两种主要方法允许从 Asset bundle 中加载字符串或图片（二进制）文件。

2-1. 加载文本

有两种方式都可以

直接使用package:flutter/services.dart中全局静态的rootBundle对象来加载
通过DefaultAssetBundle来获取当前 BuildContext 的AssetBundle，使父级 widget 在运行时动态替换的不同的 AssetBundle。

import 'dart:async' show Future;
import 'package:flutter/services.dart' show rootBundle;

Future<String> loadAsset() async {
  return await rootBundle.loadString('static/config.json');
}

2-2. 加载图片

class _AboutPageState extends State<AboutPage> {
  final _title = 'About Page';
  final wordPair = WordPair.random().toString();
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(title: Text(_title)),
        body: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            TextButton(
                onPressed: () {
                  print("加载文本: ")
                }
            ),
            // 加载图片
            Image.asset(
              "static/portrait.png",
              fit: BoxFit.cover,
              width: 300,
              height: 300,
            )
          ]
        )
    );
  }
}