【自学Flutter】25 InheritedWidget数据共享的使用(1)

文章介绍了如何在Flutter应用中使用InheritedWidget实现数据共享,通过`ShareDataInheritedWidget`在多个嵌套组件间传递累加数,并在按钮点击事件中动态更新数据。同时展示了依赖此数据的两个子组件`ShareDataTextWidget`和`ShareDataRedTextWidget`的使用。
摘要由CSDN通过智能技术生成

),

RaisedButton(

child: Text(“增加”),

onPressed: () => setState(() => ++count),

)

],

),

),

)

)

);

}

}

class ShareDataInheritedWidget extends InheritedWidget {

final int data;

ShareDataInheritedWidget({

@required this.data,

Widget child

}) :super(child: child);

static ShareDataInheritedWidget of(BuildContext context) {

return context.inheritFromWidgetOfExactType(ShareDataInheritedWidget);

}

@override

bool updateShouldNotify(ShareDataInheritedWidget old) {

return old.data != data;

}

}

class ShareDataTextWidget extends StatefulWidget {

@override

_ShareDataTextWidgetState createState() => new _ShareDataTextWidgetState();

}

class _ShareDataTextWidgetState extends State {

@override

Widget build(BuildContext context) {

return Text(ShareDataInheritedWidget.of(context).data.toString());

}

@override

void didChangeDependencies() {

super.didChangeDependencies();

print(“didChangeDependencies() 被调用”);

}

}

class ShareDataRedTextWidget extends StatefulWidget {

@override

_ShareDataRedTextWidgetState createState() => new _ShareDataRedTextWidgetState();

}

class _ShareDataRedTextWidgetState extends State {

@override

Widget build(BuildContext context) {

return Text(ShareDataInheritedWidget.of(context).data.toString(),style: TextStyle(color: Colors.red),);

}

@override

void didChangeDependencies() {

super.didChangeDependencies();

print(“didChangeDependencies() 被调用”);

}

}

2.解释源代码

import ‘package:flutter/material.dart’;

void main () => runApp(MyApp());

class MyApp extends StatefulWidget {

@override

_MyAppState createState() => _MyAppState();

}

class _MyAppState extends State {

//保存累加数

int count = 0;

@override

Widget build(BuildContext context) {

return MaterialApp(

home: Scaffold(

appBar: AppBar(title: Text(“数据共享InheritedWidget”),),

body: Center(

//创建ShareDataInheritedWidget,并继承InheritedWidget,当父

child: ShareDataInheritedWidget(

//当共享数据

data: count,

//当子

child: Column(

mainAxisAlignment: MainAxisAlignment.center,

children: [

Padding(

padding: const EdgeInsets.all(20.0),

//子widget中依赖ShareDataInheritedWidget

child: ShareDataTextWidget(),

),

Padding(

padding: const EdgeInsets.all(20.0),

//子widget中依赖ShareDataInheritedWidget

child: ShareDataRedTextWidget(),

),

RaisedButton(

child: Text(“增加”),

//每点击一次,将count自增,然后重新build,ShareDataTextWidget的data将被更新

onPressed: () => setState(() => ++count),

)

],

),

),

)

)

);

}

}

class ShareDataInheritedWidget extends InheritedWidget {

//需要在子树中共享的数据

final int data;

ShareDataInheritedWidget({

@required this.data,

Widget child

}) :super(child: child);

//定义方法,让子树中的widget获取共享数据

static ShareDataInheritedWidget of(BuildContext context) {

return context.inheritFromWidgetOfExactType(ShareDataInheritedWidget);

}

//当data发生变化时,调用此处,是否通知子树中依赖data的Widget

@override

bool updateShouldNotify(ShareDataInheritedWidget old) {

//如果返回true,子widget的didChangeDependencies()会被调用

return old.data != data;

}

}

class ShareDataTextWidget extends StatefulWidget {

@override

_ShareDataTextWidgetState createState() => new _ShareDataTextWidgetState();

}

class _ShareDataTextWidgetState extends State {

@override

Widget build(BuildContext context) {

//使用InheritedWidget中的共享数据

最后,面试前该准备哪些资源复习?

其实客户端开发的知识点就那么多,面试问来问去还是那么点东西。所以面试没有其他的诀窍,只看你对这些知识点准备的充分程度。so,出去面试时先看看自己复习到了哪个阶段就好。

这里再分享一下我面试期间的复习路线:(以下体系的复习资料是我从各路大佬收集整理好的)

《Android开发七大模块核心知识笔记》

面试字节两轮后被完虐,字节面试官给你的技术面试指南,请查收

面试字节两轮后被完虐,字节面试官给你的技术面试指南,请查收

《960全网最全Android开发笔记》

面试字节两轮后被完虐,字节面试官给你的技术面试指南,请查收

《379页Android开发面试宝典》

历时半年,我们整理了这份市面上最全面的安卓面试题解析大全
包含了腾讯、百度、小米、阿里、乐视、美团、58、猎豹、360、新浪、搜狐等一线互联网公司面试被问到的题目。熟悉本文中列出的知识点会大大增加通过前两轮技术面试的几率。

《507页Android开发相关源码解析》

只要是程序员,不管是Java还是Android,如果不去阅读源码,只看API文档,那就只是停留于皮毛,这对我们知识体系的建立和完备以及实战技术的提升都是不利的。

真正最能锻炼能力的便是直接去阅读源码,不仅限于阅读各大系统源码,还包括各种优秀的开源库。
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》点击传送门,即可获取!
析大全
包含了腾讯、百度、小米、阿里、乐视、美团、58、猎豹、360、新浪、搜狐等一线互联网公司面试被问到的题目。熟悉本文中列出的知识点会大大增加通过前两轮技术面试的几率。

《507页Android开发相关源码解析》

只要是程序员,不管是Java还是Android,如果不去阅读源码,只看API文档,那就只是停留于皮毛,这对我们知识体系的建立和完备以及实战技术的提升都是不利的。

真正最能锻炼能力的便是直接去阅读源码,不仅限于阅读各大系统源码,还包括各种优秀的开源库。
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》点击传送门,即可获取!

  • 15
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值