19180086 刘曦隆 源程序.docxVIP

代码编写 ?先新建 life.dart , 编写第?个类 Life. 这个类主要有三个功能:根据???动和当前时间计算逝去的?命和剩余的岁? 使? SharedPreferences 存储数据到本地, ?便下次打开应?的时候?动从本地读取数据 使? ScopedModel 作为状态管理, 在??修改后, 更新所有相关的组件import 'package:scoped_model/scoped_model.dart'; import 'package:shared_preferences/shared_preferences.dart'; class Life extends Model { int life = 900; String _key; DateTime _birthDay = DateTime(2000, 1, 1); DateTime get birthDay => _birthDay; set birthDay(DateTime value) { _birthDay = value; _setBirthday(); notifyListeners(); } static int dateDifference(DateTime date1, DateTime date2) { int result = date1.day - date2.day >= 0 ? 0 : -1; return (date1.year - date2.year) * 12 + date1.month - date2.month + result; } Life(String key) { this._key = key; _initBirthday(); } int pastLife() { return dateDifference(DateTime.now(), this._birthDay);} int remainingLife() { return life - pastLife(); } Future _initBirthday() async { final SharedPreferences prefs = await SharedPreferences.getInstance(); String birth = prefs.getString(_key) ?? null; if (birth != null) { this._birthDay = DateTime.parse(birth); } notifyListeners(); } Future _setBirthday() async { final SharedPreferences prefs = await SharedPreferences.getInstance(); return prefs.setString(_key, _birthDay.toString()); } }构建?页 ?先分析下?页的页?可以使? Material 的 Scaffold 脚?架组件构建, 第?部分使? APPBar, 第?三部分作为 body 部分. 另外在上?构 建life 类的时候, ?到了 ScopedModel 进?状态管理. 所以这?在所有组件的根节点上先创?个 ScopedModel 组件, 使得后?的所有组件 都能够直接通过 model 内的 life 对象且, 当对应内容修改时, 能够?动更新视图. 关于状态管理组件 ScopedModel 介绍参考这篇?章 和官??档.具体实现代码如下:import 'package:flutter/material.dart'; import 'package:life_countdown/life.dart'; import 'package:scoped_model/scoped_model.dart'; void main() { runApp(ScopedModel( child: MyApp(), model: Life("me"), )); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'Life Countdown', theme: ThemeData(primaryColor: Colors.white, ), home: HomePage(), ); } } class HomePage extends Statefu