具有共享首选项的颤振保存列表

Question

我尝试将字符串列表永久保存到设备中。尝试通过弹出对话框添加列表时，显示以下错误

E/flutter (10074)：[错误：flutter/lib/ui/ui_dart_state.cc(148)] 未处理的异常：NoSuchMethodError：在 null 上调用了“add”方法。 p>

E/flutter (10074)：接收者：null

E/flutter (10074)：尝试调用：add("drinks")

ListView 进一步在打开页面时不显示。 （进入屏幕对话框后会打开）

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

class Categories extends StatefulWidget {
  @override
  _CategoriesState createState() => _CategoriesState();
}

class _CategoriesState extends State<Categories> {
  List<String> categoryList = List<String>();
  TextEditingController _textFieldController = TextEditingController();
  int count = 0;

  @override
  Widget build(BuildContext context) {
    if (categoryList == null) {
      setState(() {
        categoryList = ['Food', 'Clothes'];
      });
    }
    _update();
    return Scaffold(
      appBar: AppBar(
        title: Text("Categories"),
      ),
      body: SafeArea(
        child: Container(
          color: Colors.white,
          child: getCategoriesListView(),
        ),
      ),
      floatingActionButton: FloatingActionButton(
        child: Icon(Icons.add),
        onPressed: () {
          setState(() {
            _displayDialog(context);
          });
        },
      ),
    );
  }

  ListView getCategoriesListView() {
    return ListView.builder(
        itemCount: categoryList.length,
        itemBuilder: (context, int position) {
          return Card(
            color: Colors.white,
            elevation: 2.0,
            child: ListTile(
              title: Text(categoryList[position]),
              trailing: GestureDetector(
                child: Icon(
                  Icons.delete,
                  color: Colors.grey,
                ),
                onTap: () {
                  setState(() {
                    _delete(context, categoryList[position]);
                  });
                },
              ),
            ),
          );
        });
  }

  void _add(BuildContext context, String category) async {
    SharedPreferences prefs = await SharedPreferences.getInstance();
    categoryList.add(category);
    prefs.setStringList('Categories', categoryList);
    showSnackBar(context, 'Your category was added');
  }

  void _delete(BuildContext context, String category) async {
    SharedPreferences prefs = await SharedPreferences.getInstance();
    categoryList.remove(category);
    prefs.setStringList('Categories', categoryList);
    showSnackBar(context, 'Your category was removed');
  }

  void _update() async {
    SharedPreferences prefs = await SharedPreferences.getInstance();
    categoryList = prefs.getStringList('Categories');
  }

  void showSnackBar(BuildContext context, String message) async {
    final snackBar = SnackBar(content: Text(message));
    Scaffold.of(context).showSnackBar((snackBar));
  }

  _displayDialog(BuildContext context) async {
    return showDialog(
        context: context,
        builder: (context) {
          return AlertDialog(
            title: Text('Add new category'),
            content: TextField(
              controller: _textFieldController,
            ),
            actions: <Widget>[
              FlatButton(
                child: Text('ADD'),
                onPressed: () {
                  setState(() {
                    String name = _textFieldController.text;
                    print(name);
                    _add(context, name);
                    Navigator.of(context).pop();
                  });
                },
              ),
              FlatButton(
                child: Text('CANCEL'),
                onPressed: () {
                  Navigator.of(context).pop();
                },
              ),
            ],
          );
        });
  }
}

Answer 1

您应该在initState() 函数中调用_update() 方法而不是build()。现在，每次调用 setState() 时，都会调用 build() 函数，然后调用 update()，因此 categoryList 会被覆盖。

因此您无法向List 添加新项目。

你可以这样做 -

@override
void initState() {
  super.initState();
  _update();
}

然后不要在build() 中调用_update() 方法。 但是现在由于我们将 _update() 调用移到了 build() 之外，您将不得不在 _update() 中使用 setState() 以便正确刷新状态。

void _update() async {
  SharedPreferences prefs = await SharedPreferences.getInstance();
  categoryList = prefs.getStringList('Categories');
}

希望这会有所帮助！

另外，你不应该直接在build()方法中调用setState()，你可能会得到一个错误，所以你也可以将下面的代码移动到initState()中。

//Move this inside initState();
if (categoryList == null) {
  setState(() {
    categoryList = ['Food', 'Clothes'];
  });
}

initState() 方法仅在调用 build() 方法之前初始化您的小部件时调用一次。