Flutter数据共享插件shared_provider的使用

描述

SharedProvider 是 Flutter 中 provider 功能的一个扩展，它允许管理共享实例（如状态对象或服务）。它解决了在不同屏幕之间高效复用实例的问题，同时避免了不必要的内存负载和复杂的导航逻辑。

解决方案

SharedProvider 提供以下功能：

• 集中存储库：实现一个存储库来存储共享实例，以便提供者可以方便地访问它们。
• 实例复用：提供者会检查存储库中是否存在所需实例，如果存在则重用该实例。如果不存在，则创建新实例并添加到存储库中。
• 生命周期管理：当实例不再被使用时，提供者会自动从存储库中移除这些实例。

这些改进使得资源使用更加高效，并简化了应用中共享实例的处理。

使用方法

以下是如何在您的 Flutter 应用程序中使用 SharedProvider 的示例。在这个示例中，我们有两个屏幕 ScreenA 和 ScreenB，并在它们之间共享一个字符串实例。

import 'package:flutter/material.dart';
import 'package:go_router/go_router.dart';
import 'package:shared_provider/shared_provider.dart';

const sharedInstanceKey = 'shared_value';

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

final _router = GoRouter(
  routes: [
    GoRoute(
      path: '/',
      builder: (context, state) => const MyHomePage(),
    ),
    GoRoute(
      path: '/a',
      builder: (context, state) => const ScreenA(),
    ),
    GoRoute(
      path: '/b',
      builder: (context, state) => const ScreenB(),
    ),
  ],
);

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

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp.router(
      routerConfig: _router,
    );
  }
}

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

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
        title: const Text('Home'),
      ),
      body: const Placeholder(),
      floatingActionButton: FloatingActionButton(
        onPressed: () => context.push('/a'),
        tooltip: 'to Screen A',
        child: const Text('to A'),
      ),
    );
  }
}

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

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('ScreenA'),
      ),
      body: Center(
        child: SharedProvider(
          create: (_) => 'This text was created on screen [A]',
          dispose: (context, value) {
            print('dispose on screen A:\nshared value => $value');
          },
          instanceKey: sharedInstanceKey,
          child: Consumer<String>(builder: (context, value, child) {
            return Text(value);
          }),
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () => context.push('/b'),
        tooltip: 'to Screen B',
        child: const Text('to B'),
      ),
    );
  }
}

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

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('ScreenB'),
      ),
      body: Center(
        child: SharedProvider(
          create: (_) => 'This text was created on screen [B]',
          dispose: (context, value) {
            print('dispose on screen B:\nshared value => $value');
          },
          instanceKey: sharedInstanceKey,
          child: Consumer<String>(builder: (context, value, child) {
            return Text(value);
          }),
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () => context.go('/'),
        tooltip: 'to Home',
        child: const Text('to Home'),
      ),
    );
  }
}