25-12-1/1
This commit is contained in:
164
lib/views/Rate/rating_driver_bottom.dart
Normal file
164
lib/views/Rate/rating_driver_bottom.dart
Normal file
@@ -0,0 +1,164 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_rating_bar/flutter_rating_bar.dart';
|
||||
import 'package:get/get.dart';
|
||||
|
||||
import '../../constant/colors.dart';
|
||||
import '../../constant/links.dart';
|
||||
import '../../constant/style.dart';
|
||||
import '../../controller/home/map_passenger_controller.dart';
|
||||
import '../../controller/rate/rate_conroller.dart';
|
||||
import '../widgets/elevated_btn.dart';
|
||||
import '../widgets/my_scafold.dart';
|
||||
|
||||
// ملاحظة: تم حذف جميع الأكواد المتعلقة بالسعر والإكرامية كما طُلِب.
|
||||
// التركيز الآن على التقييم والملاحظات فقط.
|
||||
|
||||
class RatingDriverBottomSheet extends StatelessWidget {
|
||||
RatingDriverBottomSheet({super.key});
|
||||
final RateController controller = Get.put(RateController());
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
// تم تبسيط استخدام MyScafolld لإزالة الـ Positioned واستخدام تصميم مركزي ونظيف.
|
||||
return MyScafolld(
|
||||
title: 'Rate Driver'.tr,
|
||||
body: [
|
||||
Center(
|
||||
child: Container(
|
||||
width: Get.width * .85,
|
||||
padding: const EdgeInsets.all(24),
|
||||
// يفترض أن AppStyle.boxDecoration1 يوفر تصميمًا جميلاً مع حواف مدورة وظل.
|
||||
decoration: AppStyle.boxDecoration1,
|
||||
child: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
crossAxisAlignment: CrossAxisAlignment.center,
|
||||
children: [
|
||||
// 1. قسم معلومات السائق والترحيب
|
||||
CircleAvatar(
|
||||
radius: 30,
|
||||
backgroundImage: NetworkImage(
|
||||
'${AppLink.server}/portrate_captain_image/${controller.driverId}.jpg'),
|
||||
onBackgroundImageError: (exception, stackTrace) => const Icon(
|
||||
Icons.person,
|
||||
size: 30,
|
||||
color: AppColor.blueColor),
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
|
||||
// رسالة ترحيب مركزة على تجربة الرحلة
|
||||
Text(
|
||||
'${'How was your trip with'.tr} ${controller.driverName}?',
|
||||
style: AppStyle.title
|
||||
.copyWith(fontSize: 20, fontWeight: FontWeight.bold),
|
||||
textAlign: TextAlign.center,
|
||||
),
|
||||
const SizedBox(height: 12),
|
||||
|
||||
// نص إرشادي يؤكد على أهمية التقييم لتحسين الجودة
|
||||
Text(
|
||||
'Your valuable feedback helps us improve our service quality.'
|
||||
.tr,
|
||||
style: AppStyle.title
|
||||
.copyWith(color: Colors.grey.shade600, fontSize: 14),
|
||||
textAlign: TextAlign.center,
|
||||
),
|
||||
|
||||
const SizedBox(height: 32),
|
||||
|
||||
// 2. شريط التقييم (النجمي)
|
||||
Center(
|
||||
child: RatingBar.builder(
|
||||
initialRating: 0,
|
||||
itemCount: 5,
|
||||
itemSize: 50, // حجم كبير لجعله النقطة البؤرية
|
||||
glow: true,
|
||||
glowColor: Colors.amber.shade200,
|
||||
itemPadding: const EdgeInsets.symmetric(horizontal: 4),
|
||||
itemBuilder: (context, index) {
|
||||
// استخدام أيقونات المشاعر مع أيقونة النجمة للحصول على مظهر أكثر جاذبية
|
||||
switch (index) {
|
||||
case 0:
|
||||
return const Icon(Icons.sentiment_very_dissatisfied,
|
||||
color: Colors.red);
|
||||
case 1:
|
||||
return const Icon(Icons.sentiment_dissatisfied,
|
||||
color: Colors.redAccent);
|
||||
case 2:
|
||||
return const Icon(Icons.sentiment_neutral,
|
||||
color: Colors.amber);
|
||||
case 3:
|
||||
return const Icon(Icons.sentiment_satisfied,
|
||||
color: Colors.lightGreen);
|
||||
case 4:
|
||||
return const Icon(Icons.sentiment_very_satisfied,
|
||||
color: Colors.green);
|
||||
default:
|
||||
return const Icon(Icons.star_rounded,
|
||||
color: Colors.amber);
|
||||
}
|
||||
},
|
||||
onRatingUpdate: (rating) {
|
||||
controller.selectRateItem(rating);
|
||||
},
|
||||
),
|
||||
),
|
||||
|
||||
const SizedBox(height: 32),
|
||||
|
||||
// 3. قسم التعليقات (الملاحظات)
|
||||
SizedBox(
|
||||
width: Get.width * .75,
|
||||
child: TextFormField(
|
||||
maxLines: 4,
|
||||
minLines: 1,
|
||||
keyboardType: TextInputType.multiline,
|
||||
controller: controller.comment,
|
||||
decoration: InputDecoration(
|
||||
labelText: 'Leave a detailed comment (Optional)'.tr,
|
||||
hintText:
|
||||
'Share your experience to help us improve...'.tr,
|
||||
prefixIcon:
|
||||
const Icon(Icons.rate_review, color: Colors.blueGrey),
|
||||
suffixIcon: IconButton(
|
||||
icon: const Icon(Icons.clear, color: AppColor.redColor),
|
||||
onPressed: () {
|
||||
controller.comment.clear();
|
||||
},
|
||||
),
|
||||
// تحسين شكل الحدود لتكون أكثر جمالية
|
||||
border: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(12)),
|
||||
enabledBorder: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
borderSide:
|
||||
const BorderSide(color: Colors.blueGrey, width: 1),
|
||||
),
|
||||
focusedBorder: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
borderSide: BorderSide(
|
||||
color: AppColor.greenColor,
|
||||
width: 2), // لون جذاب عند التركيز
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
|
||||
const SizedBox(height: 32),
|
||||
|
||||
// 4. زر الإرسال
|
||||
MyElevatedButton(
|
||||
title: 'Submit Rating'.tr,
|
||||
onPressed: () {
|
||||
controller.addRateToDriver();
|
||||
Get.find<MapPassengerController>()
|
||||
.getRideStatusFromStartApp();
|
||||
})
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
isleading: false,
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user