Flutter中使用PageStorage的两种方式

整体来源码不算很多，大体上知道怎么用就行了，这里提供两种使用方式，根据情况进行使用，分别是以下两种方式:
1、使用PageStorage.of(context)方式
2、使用PageStorageBucket的方式
整体代码如下，代码使用了一个PageView，里面嵌套了两个组件，每个组件包含了一个Text和RaisedButton。每一个组件使用了一种存储方式，点击按钮文本改值。代码如下:

CSDN的markdown不支持dart语法…
再吐槽一句，现在真是资本世界，什么都是付费的，网上搜个文，先别说能不能解决问题，先掏钱，先关注才能看…

import 'package:flutter/material.dart';

void main() => runApp(MyApp());
PageStorageBucket _pageStorageBucket = PageStorageBucket();
PageStorageKey _pageStorageKey =  PageStorageKey<String>("key_Page2");

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Material App',
      home: Scaffold(
        appBar: AppBar(
          title: Text('Material App Bar'),
        ),
        body: Center(
          child: Container(
            child: PageView(
              children: [
                Page1(key: PageStorageKey<String>("key_Page1")),
                PageStorage(
                    key: _pageStorageKey,//必须要有key
                    bucket: _pageStorageBucket,
                    child: Page2()),
              ],
            ),
          ),
        ),
      ),
    );
  }
}

//第一个页面
class Page1 extends StatefulWidget {

  @override
  _Page1State createState() => _Page1State();

  Page1({ Key key }):super(key: key);
}

class _Page1State extends State<Page1> {
  int page1Value = 1;
  @override
  Widget build(BuildContext context) {
    print('重新Build---->');
    return Container(
      child: Column(
        children: [
          Text('$page1Value'),
          RaisedButton(
              child: Text("点我--->page1"),
              onPressed: (){
                _add();
              })
        ],
      ),
    );
  }


  @override
  void initState() {
    super.initState();
    print('------page1---->initState()');
  }

  //写这里和写initState()里面都差不多，只要在build(BuildContext context)里面的组件使用前赋值就行
  @override
  void didChangeDependencies() {
    super.didChangeDependencies();
    page1Value = PageStorage.of(context).readState(context);
    print('获取改变的内容---->$page1Value');
    if(page1Value == null){
      page1Value = 1;
    }
  }

  void _add(){
    page1Value++;
    setState(() {
    });
    PageStorage.of(context).writeState(context, page1Value);
  }

}

//第二个页面
class Page2 extends StatefulWidget {

  @override
  _Page2State createState() => _Page2State();
  Page2({Key key}):super(key: key);
}

class _Page2State extends State<Page2> {
  int page1Value = 1;

  @override
  void initState() {
    super.initState();
    print('---------->initState()');
    _updateContent();
  }

  _updateContent(){
    // var tempValue = _pageStorageBucket.readState(context);
    // 上下两句效果都一样，不写的话会去遍历整个组件树去寻找key。不过如果写的话，存值的key要和取值的key保持一致，
    var tempValue = _pageStorageBucket.readState(context,identifier:_pageStorageKey);
    if(null != tempValue){
      page1Value = tempValue;
    }
  }

  @override
  void didChangeDependencies() {
    super.didChangeDependencies();
    print('---------->didChangeDependencies()');
  }

  @override
  Widget build(BuildContext context) {
    return Container(
      child: Column(
        children: [
          Text('$page1Value'),
          RaisedButton(
              child: Text("点我--->page2"),
              onPressed: (){
                _add();
              })
        ],
      ),
    );
  }


  void _add(){
    page1Value++;
    setState(() {
    });
    //保存内容
    //这里注意context，存储和获取的Context要保持一个，一般来说也不会搞出两个来，为了防止一般情况下,提示下...
    _pageStorageBucket.writeState(context, page1Value,identifier: _pageStorageKey);
    // _pageStorageBucket.writeState(context, page1Value);
  }


}