Flutter资源预加载插件gh_asset_pre_cache的使用

Flutter资源预加载插件gh_asset_pre_cache的使用

版本0.0.3发布

自动化图像预缓存功能添加： 自动从应用程序的资源文件夹中预加载图像以增强性能。

使用方法

1. 在项目中添加该插件。

dependencies:
  gh_asset_pre_cache: ^0.0.1

1. 在终端中运行以下命令来安装插件。

flutter pub get

1. 从应用的任何部分调用插件以自动执行图像预缓存。

import 'package:gh_asset_pre_cache/gh_asset_pre_cache.dart';

// ...

void precacheImages() {
  GhAssetPreCache().startImageCache();
}

有何不同？

注意事项

• 此版本提供了基本的自动化预缓存功能。
• 未来更新将包含更多功能和详细配置。

Bug修复

• 本版本中无bug修复。

其他变更

• 本版本标志着插件的初始发布。欢迎反馈和建议。

现在，通过此插件自动管理图像预缓存以优化您的应用程序性能！期待未来的更多更新。请随时在GitHub仓库中提供反馈或报告问题。感谢您的支持！

示例代码

import 'package:example/pages/image_cache_page.dart';
import 'package:flutter/material.dart';
import 'package:gh_asset_pre_cache/gh_asset_pre_cache.dart';

void main() {
  // 启动图像预缓存
  GhAssetPreCache().startImageCache();
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      initialRoute: '/',
      routes: {
        '/': (context) => const FeatureList(),
        FeatureEnum.imageCache.route: (context) => const ImageCachePage(),
      },
    );
  }
}

class FeatureList extends StatelessWidget {
  const FeatureList({Key? key}) : super(key: key);

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      body: SafeArea(
        top: false,
        child: Center(child: _buildBody()),
      ),
    );
  }

  // 构建列表项
  Widget _buildBody(){
    return ListView.builder(
      physics: const NeverScrollableScrollPhysics(), // 禁止滚动
      shrinkWrap: true,
      itemCount: FeatureEnum.values.length,
      itemBuilder : listItem,
    );
  }

  // 列表项点击事件
  Widget listItem(BuildContext context, int index){
    var currentFeature = FeatureEnum.values[index];
    return GestureDetector(
      onTap: currentFeature.onTap(context), // 导航到对应页面
      child: Container(
        decoration: BoxDecoration(
            border: Border.all(color: Colors.black),
            borderRadius: const BorderRadius.all(Radius.circular(10))
        ),
        margin: const EdgeInsets.symmetric(horizontal: 10, vertical: 5),
        width: double.infinity,
        height: 70,
        alignment: Alignment.center,
        child: Text(currentFeature.name, style: const TextStyle(
          fontSize: 20,
        ),),
      ),
    );
  }
}

// 功能枚举
enum FeatureEnum{
  imageCache('/imageCache', 'image cache'); // 图像缓存功能

  final String route;
  final String name;
  const FeatureEnum(this.route, this.name);
}

// 功能扩展
extension FeatureEnumExtention on FeatureEnum{
  VoidCallback onTap(BuildContext context) => (){Navigator.pushNamed(context, route);}; // 导航到指定路由
}