Flutter_26_Provider

最新推荐文章于 2024-06-22 18:42:34 发布

「已注销」

最新推荐文章于 2024-06-22 18:42:34 发布

阅读量66

点赞数

分类专栏： dart 文章标签： dart flutter

本文链接：https://blog.csdn.net/m0_49349981/article/details/119857400

版权

dart 专栏收录该内容

42 篇文章 1 订阅

订阅专栏

Provider 是对InheritedWidget的封装
- https://pub.dev/packages/provider
优点：
- 简化资源的分配与处置
- 懒加载
Provider

import 'package:flutter/material.dart';
import 'package:provider/provider.dart';

void main() {
  //下一个组件
  runApp(MyApp());
}

//MaterialApp
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: "Flutter",
      //下一个组件
      home: Home(),
      debugShowCheckedModeBanner: false,
    );
  }
}

//Scaffold
class Home extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // 创建Provider
    return ChangeNotifierProvider(
      create:(BuildContext context)=>new LikesModel(),
      child: Scaffold(
        appBar: AppBar(
          title: Text("LikesModel"),
          leading: Icon(Icons.menu),
          actions: [Icon(Icons.settings)],
          elevation: 0.0,
          centerTitle: true,
        ),
        //下一个组件
        body: MyHomePage(),
      ),

    );
  }
}

class LikesModel extends ChangeNotifier {
  int _counter = 0;

  int get counter => _counter;

  incrementCounter() {
    //累加
    _counter++;
    //通过 UI 更新
    notifyListeners();
  }
}

class MyHomePage extends StatelessWidget {
  const MyHomePage({Key key}) : super(key: key);
  @override
  Widget build(BuildContext context) {
    return Container(
      child: Column(
        children: [
          Text(
            //在子组件中使用数据类型
            "${ context.watch<LikesModel>().counter }",
          ),
          TextButton(
            onPressed:Provider.of<LikesModel>(context).incrementCounter,
            child: Icon(Icons.thumb_up),
          ),
        ],
      ),
    );
  }
}