1. import 'package:flutter/material.dart';
3. void main() => runApp(MyApp());
5. // کلاس پایه که در شروع برنامه فراخونی می شود
6. class MyApp extends StatelessWidget {
7. @override
8. Widget build(BuildContext context) {
9. // ویجت متریال اپ
10. return MaterialApp(
11. debugShowCheckedModeBanner: false,
12. title: 'Shopping App',
13. // فراخوانی تابع لیست محصولات و ارسال مقادیر به آن
14. // در این پروژه به سرور متصل نشدیم و مقادیر لیست به صورت دستی ایجاد شده است
15. home: ShoppingList(products: <Product>[
16. new Product(name: 'Appel'),
17. new Product(name: 'Microsoft'),
18. new Product(name: 'Google'),
19. new Product(name: 'IBM'),
20. new Product(name: 'Micromadia'),
21. new Product(name: 'Adobe'),
22. new Product(name: 'Sony'),
23. new Product(name: 'Appel'),
24. new Product(name: 'Microsoft'),
25. new Product(name: 'Google'),
26. new Product(name: 'IBM'),
27. new Product(name: 'Micromadia'),
28. new Product(name: 'Adobe'),
29. new Product(name: 'Sony'),
30. new Product(name: 'Appel'),
31. new Product(name: 'Microsoft'),
32. new Product(name: 'Google'),
33. new Product(name: 'IBM'),
34. new Product(name: 'Micromadia'),
35. new Product(name: 'Adobe'),
36. new Product(name: 'Sony'),
37. ]),
38. );
39. }
40. }
42. // کلاس سازنده یک محصول
43. // محصول ما در این مثال فقط شامل نام است
44. class Product {
45. final String name;
46. Product({this.name});
47. }
49. // تعریف یک تایپ جهت استفاده در ادامه کد
50. typedef void CartChangedCallBack(Product product, bool inCart);
52. // کلاس لیست محصولات
53. class ShoppingList extends StatefulWidget {
54. // مجموعه ای از محصولات
55. final List<Product> products;
56. // سازنده کلاس که در ورودی مجموعه ای از محصولات را دریافت می کند
57. ShoppingList({this.products});
59. @override
60. _ShoppingListState createState() => _ShoppingListState();
61. }
63. // کلاس استیت مربوط به لیست محصولات
64. class _ShoppingListState extends State<ShoppingList> {
65. // مجموعه ای از محصولات که در حالت انتخاب قرار گرفته اند
66. // این مجموعه در واقع سبد خرید ما را شکل داده است
67. Set<Product> ShopingCart = Set<Product>();
69. // تابع مدیریت سبد خرید
70. // در ورودی یک محصول را دریافت و در صورتی که وجود داشته باشد حذف و در غیر اینصورت اضافه می کند
71. void handelCartChanged(Product product, bool inCart) {
72. setState(() {
73. if (inCart) {
74. // حذف یک محصول
75. ShopingCart.remove(product);
76. } else {
77. // درج یک محصول
78. ShopingCart.add(product);
79. }
80. });
81. }
83. @override
84. Widget build(BuildContext context) {
85. return Scaffold(
86. appBar: AppBar(
87. title: Text('My App'),
88. ),
89. body: ListView(
90. padding: const EdgeInsets.all(5.0),
91. // توسط تابع مپ بر روی لیست محصولات حرکت کرده و ویجت هر سطر ساخته می شود
92. // توسط دستور widget می توانید به متغییرهای کلاس StateFull دسترسی داشته باشید
93. children: widget.products.map((Product product) {
94. // فراخوانی تابع سازنده هر سطر از محصول
95. return ShoppingListItem(
96. product: product,
97. onCartChange: handelCartChanged,
98. // اگر محصول در سبد خرید وجود داشته باشد مقدار True را پاس می دهد
99. inCart: ShopingCart.contains(product),
100. );
101. }).toList(),
102. ),
103. );
104. }
105. }
107. // تابع سازنده هر سطر از محصول
108. class ShoppingListItem extends StatelessWidget {
109. final Product product; // آبجکت محصول
110. final CartChangedCallBack onCartChange; // تابع مدیریت سبد خرید
111. final bool inCart; // متغییر وضعیت انتخاب محصول
113. // سازنده کلاس با سه ورودی
114. ShoppingListItem({this.product, this.onCartChange, this.inCart});
116. // تابع مدیریت رنگ پس زمینه بر اساس وضعیت انتخاب محصول
117. Color getColorBackground(BuildContext context) {
118. return inCart ? Colors.green : Theme.of(context).primaryColor;
119. }
121. // تابع مدیریت رنگ متن بر اساس وضعیت انتخاب محصول
122. Color getColorText(BuildContext context) {
123. return inCart ? Colors.red : Colors.black;
124. }
126. @override
127. Widget build(BuildContext context) {
128. return Card(
129. child: ListTile(
130. onTap: () {
131. // فراخوانی تابع مدیریت سبد خرید
132. onCartChange(product, inCart);
133. },
134. leading: CircleAvatar(
135. backgroundColor: getColorBackground(context),
136. child: Text(product.name[0]),
137. ),
138. title: Text(
139. product.name,
140. style: TextStyle(color: getColorText(context)),
141. ),
142. trailing: IconButton(
143. onPressed: () {
144. print('more: ${product.name}');
145. },
146. icon: Icon(Icons.more_vert),
147. ),
148. ),
149. );
150. }
151. }

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

// کلاس پایه که در شروع برنامه فراخونی می شود
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // ویجت متریال اپ
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'Shopping App',
      // فراخوانی تابع لیست محصولات و ارسال مقادیر به آن
      // در این پروژه به سرور متصل نشدیم و مقادیر لیست به صورت دستی ایجاد شده است
      home: ShoppingList(products: <Product>[
        new Product(name: 'Appel'),
        new Product(name: 'Microsoft'),
        new Product(name: 'Google'),
        new Product(name: 'IBM'),
        new Product(name: 'Micromadia'),
        new Product(name: 'Adobe'),
        new Product(name: 'Sony'),
        new Product(name: 'Appel'),
        new Product(name: 'Microsoft'),
        new Product(name: 'Google'),
        new Product(name: 'IBM'),
        new Product(name: 'Micromadia'),
        new Product(name: 'Adobe'),
        new Product(name: 'Sony'),
        new Product(name: 'Appel'),
        new Product(name: 'Microsoft'),
        new Product(name: 'Google'),
        new Product(name: 'IBM'),
        new Product(name: 'Micromadia'),
        new Product(name: 'Adobe'),
        new Product(name: 'Sony'),
      ]),
    );
  }
}

// کلاس سازنده یک محصول
// محصول ما در این مثال فقط شامل نام است
class Product {
  final String name;
  Product({this.name});
}

// تعریف یک تایپ جهت استفاده در ادامه کد
typedef void CartChangedCallBack(Product product, bool inCart);

// کلاس لیست محصولات
class ShoppingList extends StatefulWidget {
  // مجموعه ای از محصولات
  final List<Product> products;
  // سازنده کلاس که در ورودی مجموعه ای از محصولات را دریافت می کند
  ShoppingList({this.products});

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

// کلاس استیت مربوط به لیست محصولات
class _ShoppingListState extends State<ShoppingList> {
  // مجموعه ای از محصولات که در حالت انتخاب قرار گرفته اند
  // این مجموعه در واقع سبد خرید ما را شکل داده است
  Set<Product> ShopingCart = Set<Product>();

  // تابع مدیریت سبد خرید
  // در ورودی یک محصول را دریافت و در صورتی که وجود داشته باشد حذف و در غیر اینصورت اضافه می کند
  void handelCartChanged(Product product, bool inCart) {
    setState(() {
      if (inCart) {
        // حذف یک محصول
        ShopingCart.remove(product);
      } else {
        // درج یک محصول
        ShopingCart.add(product);
      }
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('My App'),
      ),
      body: ListView(
        padding: const EdgeInsets.all(5.0),
        // توسط تابع مپ بر روی لیست محصولات حرکت کرده و ویجت هر سطر ساخته می شود
        // توسط دستور widget می توانید به متغییرهای کلاس StateFull دسترسی داشته باشید
        children: widget.products.map((Product product) {
          // فراخوانی تابع سازنده هر سطر از محصول
          return ShoppingListItem(
            product: product,
            onCartChange: handelCartChanged,
            // اگر محصول در سبد خرید وجود داشته باشد مقدار True را پاس می دهد
            inCart: ShopingCart.contains(product),
          );
        }).toList(),
      ),
    );
  }
}

// تابع سازنده هر سطر از محصول
class ShoppingListItem extends StatelessWidget {
  final Product product; // آبجکت محصول
  final CartChangedCallBack onCartChange;  // تابع مدیریت سبد خرید
  final bool inCart;  // متغییر وضعیت انتخاب محصول

  // سازنده کلاس با سه ورودی
  ShoppingListItem({this.product, this.onCartChange, this.inCart});

  // تابع مدیریت رنگ پس زمینه بر اساس وضعیت انتخاب محصول
  Color getColorBackground(BuildContext context) {
    return inCart ? Colors.green : Theme.of(context).primaryColor;
  }

  // تابع مدیریت رنگ متن بر اساس وضعیت انتخاب محصول
  Color getColorText(BuildContext context) {
    return inCart ? Colors.red : Colors.black;
  }

  @override
  Widget build(BuildContext context) {
    return Card(
      child: ListTile(
        onTap: () {
          // فراخوانی تابع مدیریت سبد خرید
          onCartChange(product, inCart);
        },
        leading: CircleAvatar(
          backgroundColor: getColorBackground(context),
          child: Text(product.name[0]),
        ),
        title: Text(
          product.name,
          style: TextStyle(color: getColorText(context)),
        ),
        trailing: IconButton(
          onPressed: () {
            print('more: ${product.name}');
          },
          icon: Icon(Icons.more_vert),
        ),
      ),
    );
  }
}