sergey/GymLink_Flutter
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Basket items

Browse Source
This commit is contained in:
Sergey Elpashev
2024-05-02 22:56:08 +03:00
parent ff29598ec5
commit 8805b2a9a0
2 changed files with 215 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
lib/components/basket_item_card.dart Normal file
View File

@@ -0,0 +1,71 @@
import 'package:flutter/material.dart';
class BasketItemCard extends StatelessWidget {
final String name;
final String price;
final String id;
final Image image;
final VoidCallback onTap;
const BasketItemCard({
super.key,
required this.name,
required this.price,
required this.id,
required this.image,
required this.onTap,
});
@override
Widget build(BuildContext context) {
return Padding(
padding:
const EdgeInsetsDirectional.symmetric(horizontal: 10, vertical: 10),
child: ConstrainedBox(
constraints: const BoxConstraints(
minHeight: 100,
maxHeight: 200,
minWidth: 400,
maxWidth: 600,
),
child: Card(
elevation: 4,
color: const Color(0xFFF2F3F9),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(30),
),
child: Padding(
padding: const EdgeInsetsDirectional.symmetric(horizontal: 20),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Row(
crossAxisAlignment: CrossAxisAlignment.center,
children: [
image,
const SizedBox(width: 20),
Column(
mainAxisSize: MainAxisSize.min,
children: [
Text(
name,
style: Theme.of(context).textTheme.bodyLarge,
),
Text('\$$price'),
],
)
],
),
IconButton(
onPressed: onTap,
icon: const Icon(Icons.close),
)
],
),
),
),
),
);
}
}

149
lib/pages/basket.dart
View File

@@ -1,8 +1,47 @@
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:gymlink_module_web/components/app_bar.dart'; import 'package:gymlink_module_web/components/app_bar.dart';
import 'package:gymlink_module_web/components/basket_item_card.dart';
import 'package:gymlink_module_web/components/heading.dart'; import 'package:gymlink_module_web/components/heading.dart';
import 'package:gymlink_module_web/tools/prefs.dart';
List<Map<String, dynamic>> cart = [
{
"name": "Протеин",
"image": "product.png",
"price": "120",
"details": "Test details",
"id": "34fa3126-bfaf-5dec-8f4a-b246c097ef73"
},
{
"name": "Протеин",
"image": "product.png",
"price": "150",
"details": "Test details",
"id": "34a26e82-7656-5e98-a44a-c2d01d0b1ad1123"
},
{
"name": "Протеин",
"image": "product.png",
"price": "250",
"details": "Test details",
"id": "4fb204b7-3f9e-52a2-bed1-415c00a31a37123"
},
{
"name": "Протеин",
"image": "product.png",
"price": "300",
"details": "Test details",
"id": "09b2f5bb-683e-5c39-ae89-b8e152fa8bcf123"
},
{
"name": "Протеин",
"image": "product.png",
"price": "100",
"details": "Test details",
"id": "cd1b6817-db94-5394-be1d-af88af79749f123"
}
];
//TODO: Вывод корзины из shared_prefs
class BasketPage extends StatefulWidget { class BasketPage extends StatefulWidget {
const BasketPage({super.key}); const BasketPage({super.key});
@@ -11,15 +50,113 @@ class BasketPage extends StatefulWidget {
} }
class _BasketPageState extends State<BasketPage> { class _BasketPageState extends State<BasketPage> {
List<Map<String, dynamic>> cartItems = [];
int totalPrice = 0;
@override
void initState() {
super.initState();
getCart().then((value) {
setState(() {
cartItems = cart
.where((element) => value.any((e) => e['id'] == element['id']))
.toList();
totalPrice =
cartItems.fold(0, (sum, item) => sum + int.parse(item['price']));
debugPrint(totalPrice.toString());
});
});
}
void removeItem(String id) async {
setState(() {
cartItems.removeWhere((element) => element['id'] == id);
totalPrice =
cartItems.fold(0, (sum, item) => sum + int.parse(item['price']));
});
await removeItemFromCart(id);
}
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return const Scaffold( return Scaffold(
appBar: GymLinkAppBar(), appBar: const GymLinkAppBar(),
body: Column( body: Column(
children: [ children: [
GymLinkHeader(title: 'Корзина'), const GymLinkHeader(title: "Корзина"),
Center( cartItems.isEmpty
child: Text('Корзина'), ? Expanded(
child: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text('Корзина пуста',
style: Theme.of(context).textTheme.bodyLarge),
const SizedBox(height: 10),
ElevatedButton(
onPressed: () => Navigator.pop(context),
style: ElevatedButton.styleFrom(
backgroundColor: Theme.of(context).primaryColor,
shape: const RoundedRectangleBorder(
borderRadius:
BorderRadius.all(Radius.circular(50)),
),
foregroundColor: Colors.white,
),
child: const Text('Вернуться назад'),
),
],
),
),
)
: Expanded(
child: Row(
children: [
Expanded(
child: ListView.builder(
itemCount: cartItems.length,
itemBuilder: (context, index) {
final item = cartItems[index];
return BasketItemCard(
name: item['name'],
price: item['price'],
id: item['id'],
image: Image.asset(
item['image'],
width: 50,
),
onTap: () => removeItem(item['id']),
);
},
),
),
const Spacer(),
Padding(
padding: const EdgeInsetsDirectional.symmetric(
horizontal: 10, vertical: 10),
child: Column(
children: [
Text(
'Итого: $totalPrice',
),
ElevatedButton(
onPressed: () {},
style: ElevatedButton.styleFrom(
backgroundColor: Theme.of(context).primaryColor,
shape: const RoundedRectangleBorder(
borderRadius:
BorderRadius.all(Radius.circular(50)),
),
foregroundColor: Colors.white,
),
child: const Text('Оформить заказ'),
),
],
),
),
const SizedBox(width: 50),
],
),
), ),
], ],
), ),