added card

This commit is contained in:
Komek Hayytnazarov 2024-07-23 16:36:50 +05:00
parent d029b5a3b1
commit 6c003ea70d
3 changed files with 165 additions and 79 deletions

View File

@ -1,8 +1,8 @@
import 'package:cargo/presentation/presentation.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import '../../configs/configs.dart'; import '../../configs/configs.dart';
import '../../core/core.dart'; import '../../core/core.dart';
import '../widgets/order_header.dart';
class OrdersScreen extends StatelessWidget { class OrdersScreen extends StatelessWidget {
const OrdersScreen({super.key}); const OrdersScreen({super.key});
@ -43,7 +43,7 @@ class OrdersScreen extends StatelessWidget {
SliverList( SliverList(
delegate: SliverChildBuilderDelegate( delegate: SliverChildBuilderDelegate(
(BuildContext context, int index) { (BuildContext context, int index) {
return _buildOrderCard(); return const OrderCard();
}, },
childCount: 4, // items.length, childCount: 4, // items.length,
), ),
@ -52,81 +52,4 @@ class OrdersScreen extends StatelessWidget {
), ),
); );
} }
Widget _buildOrderCard() {
return Card(
color: Colors.white,
margin: Space.all(.8, 0.5),
child: Padding(
padding: const EdgeInsets.all(16),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
'№ABC456789',
style: AppText.b1b,
),
Text(
'Genişleýin >',
style: AppText.b1b?.copyWith(
color: AppColors.primary,
),
),
],
),
const SizedBox(height: 8),
const Row(
children: [
Icon(Icons.circle, color: Colors.green, size: 12),
SizedBox(width: 4),
Text('Ýolda'),
Spacer(),
Text('Ugradylan senesi: 16.07.2024'),
],
),
const SizedBox(height: 16),
const Row(
children: [
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text('Nireden:'),
Text('Urumçy', style: TextStyle(fontWeight: FontWeight.bold)),
SizedBox(height: 8),
Text('Nirede:'),
Text('Aşgabat', style: TextStyle(fontWeight: FontWeight.bold)),
],
),
Spacer(),
Column(
crossAxisAlignment: CrossAxisAlignment.end,
children: [
Text('Ýer sany:'),
Text('10', style: TextStyle(fontWeight: FontWeight.bold)),
SizedBox(height: 8),
Text('Göwrümi:'),
Text('1472,31', style: TextStyle(fontWeight: FontWeight.bold)),
],
),
SizedBox(width: 16),
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text('Maşyn №:'),
Text('AA1234AA', style: TextStyle(fontWeight: FontWeight.bold)),
SizedBox(height: 8),
Text('Dukan №:'),
Text('A1043', style: TextStyle(fontWeight: FontWeight.bold)),
],
),
],
),
],
),
),
);
}
} }

View File

@ -0,0 +1,162 @@
import 'package:flutter/material.dart';
import '../../configs/configs.dart';
import '../../core/core.dart';
class OrderCard extends StatelessWidget {
const OrderCard({super.key});
@override
Widget build(BuildContext context) {
return Card(
color: Colors.white,
margin: Space.all(.8, 0.5),
child: Padding(
padding: const EdgeInsets.all(16),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
/// Track number
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
'№ABC456789',
style: AppText.b1b,
),
Text(
'Genişleýin >',
style: AppText.b1b?.copyWith(
color: AppColors.primary,
),
),
],
),
/// gap
Space.yf(0.5),
/// status bar
Row(
children: [
const Icon(Icons.circle, color: Colors.green, size: 12),
const SizedBox(width: 4),
Text(
'Ýolda',
style: AppText.b2b!.copyWith(
color: const Color(0xFF96969C),
),
),
const Spacer(),
Text(
'Ugradylan senesi: 16.07.2024',
style: AppText.b2b!.copyWith(
color: const Color(0xFF96969C),
),
),
],
),
/// gap
Space.yf(0.75),
/// info bar
Row(
children: [
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'Nireden:',
style: AppText.b2b!.copyWith(
color: const Color(0xFF96969C),
),
),
Text(
'Urumçy',
style: AppText.b2b!.copyWith(
color: const Color(0xFF57575C),
),
),
const SizedBox(height: 8),
Text(
'Nirede:',
style: AppText.b2b!.copyWith(
color: const Color(0xFF96969C),
),
),
Text(
'Aşgabat',
style: AppText.b2b!.copyWith(
color: const Color(0xFF57575C),
),
),
],
),
),
const Spacer(flex: 1),
Expanded(
flex: 1,
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Text('Ýer sany:'),
Text(
'10',
style: AppText.b2b!.copyWith(
color: const Color(0xFF96969C),
),
),
const SizedBox(height: 8),
const Text('Göwrümi:'),
Text(
'1472,31',
style: AppText.b2b!.copyWith(
color: const Color(0xFF57575C),
),
),
],
),
),
const Spacer(flex: 1),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'Maşyn №:',
style: AppText.b2b!.copyWith(
color: const Color(0xFF96969C),
),
),
Text(
'AA1234AA',
style: AppText.b2b!.copyWith(
color: const Color(0xFF57575C),
),
),
const SizedBox(height: 8),
Text(
'Dukan №:',
style: AppText.b2b!.copyWith(
color: const Color(0xFF96969C),
),
),
Text(
'A1043',
style: AppText.b2b!.copyWith(
color: const Color(0xFF57575C),
),
),
],
),
),
],
),
],
),
),
);
}
}

View File

@ -4,3 +4,4 @@ export 'credential_failure_dialog.dart';
export 'auth_error_dialog.dart'; export 'auth_error_dialog.dart';
export 'bottom_navbar.dart'; export 'bottom_navbar.dart';
export 'order_header.dart'; export 'order_header.dart';
export 'order_card.dart';