如何将收藏夹按钮添加到将保存并显示在颤振应用程序的收藏夹页面中的详细信息

Question

我的应用程序中有一个带有元素的 GridView，每个元素都有自己的详细信息，我想在每个详细信息页面中添加收藏按钮。 但我想在本地和永久地这样做，以便用户在退出应用程序后会找到下一次。 （我正在寻找一个清晰的例子或一个简单的）

Answer 1

您可以在您的应用中使用共享首选项插件并将布尔值存储为收藏。如果为 null 或 false，则显示为不喜欢，如果为 true，则显示为喜欢。

将此添加到您的包的 pubspec.yaml 文件中：

依赖： 共享首选项：^0.5.8 然后在您的 dart 文件中导入 'package:shared_preferences/shared_preferences.dart' 并使用此代码..

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  List<Objects> _listData; //instead of this use your data here;
  bool _favStatus=false; // status to show favorite or not
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        height: MediaQuery.of(context).size.height,
        width: MediaQuery.of(context).size.width,
        child: GridView.builder(itemCount: _listData.length,
          gridDelegate:
              SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 3),
          itemBuilder: (context, index) {
            checkFavStatus( _listData[index].name);
                        return Container(height: 100, width: 100,
                        child:IconButton(icon: Icon(Icons.favorite,color:_favStatus?Colors.red:Colors.black),
                         onPressed: (){setFav(_listData[index].name,_favStatus);},
                         ),
                       );
                      },
                    ),
                  ),
                );
              }
            
              void checkFavStatus(String name)async {
                 SharedPreferences prefs = await SharedPreferences.getInstance();
                 var boolValue = prefs.getBool(name);
                 if(boolValue==null||boolValue==false){
                   _favStatus=false;
                 }
                 else{
                   _favStatus=true;
                 }
              }

              void setFav(String name,bool _currentFavStatus){
                SharedPreferences prefs = await SharedPreferences.getInstance();
                prefs.setBool(name,!_currentFavStatus);
                setState(() {
                  
                });
              }
}