如何在 ListView 中本地存储增量计数器？扑

Question

我正在谈论来自网站的 API 请求，并且有一个投票我想在本地存储在颤振中。我已经实现了投票的递增和递减，但我想将投票本地存储在手机中。

如何在listView中本地存储递增和递减计数器？

class MoviesModel {
  int vote;

MoviesModel({this.vote});

  int increaseCounter() {
    vote++;
    return vote;
  }

  void decreaseCounter() {
    if (vote > 0) {
      vote--;
    }
  }
}

下面是 listView 构建器

ListView.builder(
                    itemCount: _movies.length,
                    padding: EdgeInsets.all(4),
                    physics: BouncingScrollPhysics(),
                    itemBuilder: (context, index) {
                      final moviess = _movies[index];


 return Column(
                                    children: [
                                      IconButton(
                                        icon: Icon(
                                          Icons.keyboard_arrow_up_outlined,
                                        ),
                                        color: Colors.white,
                                        onPressed: () async {
                                          final prefs = await SharedPreferences
                                              .getInstance();

                                          setState(() {
                                            final vote =
                                                moviess.increaseCounter();
                                            prefs.setInt('vote', vote);
                                            print(vote);
                                          });
                                        },
                                      ),
                                      SizedBox(
                                        height: 10,
                                      ),
                                      // moviess.vote.toString(),
                                      Text(moviess.vote.toString() ?? " ",
                                          style: TextStyle(
                                              color: Colors.white,
                                              fontSize: 20)),
                                      SizedBox(
                                        height: 10,
                                      ),
                                      IconButton(
                                        icon: Icon(
                                          Icons.keyboard_arrow_down_outlined,
                                        ),
                                        color: Colors.white,
                                        onPressed: () {
                                          setState(() {
                                            moviess.decreaseCounter();
                                          });
                                          // decreaseCount();
                                        },
                                      ),
                                    ],
                                  );
}

),

Answer 1

1. 首先添加shared_preferences。

2. 在你的类中创建一个变量SharedPreferences prefs;

3. 初始化initState() 中的实例如：prefs = await SharedPreferences.getInstance()

4. 当计数器被点击/增加/减少时，保存如下：
   await prefs.setInt('counter', counterValue);

5. 下次打开应用程序时，检查initState() 是否有保存在首选项中的值。如果是，则使用，否则使用 0。
   例子： int counter = (prefs.getInt('counterValue') ?? 0);
   现在使用这个counter 变量来显示文本。

Answer 2

您可以使用shared_preferences

  Future<void> _storeIncrement(int yourValue) async {
    SharedPreferences prefs = await SharedPreferences.getInstance();
    await prefs.setInt('counter', yourValue);
  }

还有更多选项可以根据您的数据类型进行存储，如下所示

prefs.setBool(key, value)
prefs.setString(key, value)
prefs.setDouble(key, value)
prefs.setStringList(key, value)

下面的代码是获取数据

 Future<void> _getIncrement() async {
    SharedPreferences prefs = await SharedPreferences.getInstance();
    int storedValue = prefs.getInt('counter');
    print('your data is $storedValue');
  }

根据您的数据类型获取数据

prefs.getBool(key)
prefs.getString(key)
prefs.getDouble(key)
prefs.getStringList(key)