保存多种颜色数据

Question

我开始创建/开发一个项目，但在某些时候我卡住了，我想不通。希望大家帮忙！

现在我正在更改容器的颜色，如下所示；

InkWell(
        onTap: (){
           setState(() {
               if(_color == null)
               {
                _color = Colors.blue;
               }
               else if(_color == Colors.blue)
               {
                _color = null;
               }
               });
               },
        onDoubleTap: (){
           setState(() {
           if(_color == null)
           {
           _color = Colors.red;
           }
           else if(_color == Colors.red)
           {
           _color = null;
           }
           });
           },
            child: Container(
               height: _height*0.04,
               child: Container(decoration: BoxDecoration(color: _color),)),),

我想将此颜色作为用户信息保存在 firestore 中或将数据保存在 SharedPreferences 中。

另外，我使用的容器数量太多。我不知道如何一一选择/获取它们。我需要你尽快的帮助。谢谢

Answer 1

点击后可以存储颜色的值。

onTap: () async {
  setState(() {
    if (_color == null) {
      _color = Colors.blue;
    } else if (_color == Colors.blue) {
      _color = null;
    }
  });

  SharedPreferences prefs = await SharedPreferences.getInstance();
  prefs.setInt('colorKey', _color.value);
},

下次启动应用时，您需要从 SharedPreferences 中读取颜色

SharedPreferences prefs = await SharedPreferences.getInstance();
final int colorValue = prefs.getInt('colorKey');
if (colorValue != null) {
  _color = Color(colorValue);
}