如何将产品添加到颤抖中的购物车？

Question

我有产品地图列表，我想在ONTAP上将该产品添加到购物车页面。

我有产品地图列表，我想在ONTAP上将该产品添加到购物车页面。

这是我的产品地图

这是我最喜欢的按钮

我想在购物车页面中添加这些产品当用户点击“喜欢的按钮”时..... 在此处输入图像描述

Answer 1

使用Flutter shared_preferences package。调用共享preferences为异步函数，以保存数据使用setStringList（）

saveCartProducts() async{
 SharedPreferences prefs = await SharedPreferences.getInstance();
 prefs.setStringList("cartProducts", Data);
}

获取保存数据用户getsTringList（）函数

getCartProducts() async {
 SharedPreferences prefs = await SharedPreferences.getInstance();
 var cartProducts= prefs.getStringList("cartProducts");
 setState(() {
  listItems = cartProducts;
 });
}

notes：

1. setStringStringList （“ Cartproducts”，Data）; - Cartproducts是保存数据的名称，使用该数据相同获取数据。 data是您的列表＆lt; map＆lt; string，dynamic＆gt;＆gt;多变的。
2. listItems - 将其用作设置数据
3. 调用getCartProducts（） in Initstate（）中的变量

Answer 2

您需要使数据成为对象，存储数据，然后将数据发送到购物车页面。

data.dart

class Data{
  List<Map<String, dynamic>> data = [
    {
     'img': 'Image1',
     'price': '\$ 120',
     'name':  'Headphone',
     'str': 'str1',
     'category': 'Electronics',
    },
    {
      'img': 'Image2',
      'price': '\$ 150',
      'name':  'Gaming Controller',
      'str': 'str1',
      'category': 'Electronics',
    }
  ];
}

在MAIN中创建数据对象后，当您单击购物车图标时，将数据保存在随机列表中。

///create Object
Data data = Data();

List<Map<String, dynamic>> cart = [];

ListView.builder(
          scrollDirection: Axis.horizontal,
          itemCount: items.length,
          itemBuilder: (context, index){
            if(items.isEmpty){
             return Text('no have items');
            }
            ......
            GestureDetector(
                onTap: (){
                   cart.add(data.data[index]);
                 },
              ),
          },
        ),

最后，我们将数据发送到Cartpage。

 Navigator.of(context).push(MaterialPageRoute(builder: (context) => CartPage(cartData: cart),))

另外，您可以使用提供商软件包进行更方便的管理。