145 lines
5.4 KiB
Dart
Executable File
145 lines
5.4 KiB
Dart
Executable File
import 'package:flutter/cupertino.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:get/get.dart';
|
|
import '../../controller/rate/rate_app_controller.dart';
|
|
|
|
class RatingScreen extends StatelessWidget {
|
|
final RatingController ratingController = Get.put(RatingController());
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return CupertinoPageScaffold(
|
|
navigationBar: CupertinoNavigationBar(
|
|
middle: Text(
|
|
"Rate Our App".tr,
|
|
style: const TextStyle(fontWeight: FontWeight.bold),
|
|
),
|
|
),
|
|
child: SafeArea(
|
|
child: SingleChildScrollView(
|
|
child: Center(
|
|
child: Obx(() {
|
|
return Padding(
|
|
padding:
|
|
const EdgeInsets.symmetric(horizontal: 20, vertical: 30),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
children: [
|
|
// App logo or visual
|
|
ClipRRect(
|
|
borderRadius: BorderRadius.circular(16),
|
|
child: Image.asset(
|
|
'assets/images/logo.gif',
|
|
height: 120,
|
|
),
|
|
),
|
|
const SizedBox(height: 20),
|
|
|
|
// Rating Prompt
|
|
Text(
|
|
"How would you rate our app?".tr,
|
|
textAlign: TextAlign.center,
|
|
style: CupertinoTheme.of(context)
|
|
.textTheme
|
|
.navTitleTextStyle
|
|
.copyWith(fontSize: 18, fontWeight: FontWeight.w600),
|
|
),
|
|
const SizedBox(height: 20),
|
|
|
|
// Comment Box
|
|
CupertinoTextField(
|
|
controller: ratingController.comment,
|
|
placeholder: 'Write your comment here'.tr,
|
|
padding: const EdgeInsets.all(12),
|
|
decoration: BoxDecoration(
|
|
border: Border.all(color: CupertinoColors.systemGrey4),
|
|
borderRadius: BorderRadius.circular(12),
|
|
color: CupertinoColors.white,
|
|
),
|
|
prefix: Padding(
|
|
padding: const EdgeInsets.only(left: 8.0),
|
|
child: Icon(CupertinoIcons.pencil_ellipsis_rectangle,
|
|
color: CupertinoColors.systemGrey),
|
|
),
|
|
),
|
|
const SizedBox(height: 20),
|
|
|
|
// Star Rating Section
|
|
_buildRatingStars(),
|
|
|
|
const SizedBox(height: 30),
|
|
|
|
// Submit Button
|
|
CupertinoButton(
|
|
padding: const EdgeInsets.symmetric(
|
|
horizontal: 24, vertical: 14),
|
|
borderRadius: BorderRadius.circular(12),
|
|
color: CupertinoColors.activeGreen,
|
|
onPressed: () {
|
|
if (ratingController.userRating.value > 0) {
|
|
ratingController
|
|
.submitRating(ratingController.userRating.value);
|
|
Get.snackbar(
|
|
"Thank You!".tr,
|
|
"Your rating has been submitted.".tr,
|
|
backgroundColor: CupertinoColors.systemGrey6,
|
|
snackPosition: SnackPosition.BOTTOM,
|
|
margin: const EdgeInsets.all(16),
|
|
borderRadius: 12,
|
|
);
|
|
} else {
|
|
Get.snackbar(
|
|
"Error".tr,
|
|
"Please select a rating before submitting.".tr,
|
|
backgroundColor: CupertinoColors.systemRed,
|
|
snackPosition: SnackPosition.BOTTOM,
|
|
margin: const EdgeInsets.all(16),
|
|
borderRadius: 12,
|
|
);
|
|
}
|
|
},
|
|
child: Text(
|
|
"Submit Rating".tr,
|
|
style: const TextStyle(
|
|
color: CupertinoColors.white,
|
|
fontSize: 16,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
// Widget for building rating stars with animations
|
|
Widget _buildRatingStars() {
|
|
return Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: List.generate(5, (index) {
|
|
return GestureDetector(
|
|
onTap: () {
|
|
ratingController.userRating.value = index + 1;
|
|
},
|
|
child: AnimatedContainer(
|
|
duration: const Duration(milliseconds: 300),
|
|
margin: const EdgeInsets.symmetric(horizontal: 4),
|
|
child: Icon(
|
|
CupertinoIcons.star_fill,
|
|
size: 40,
|
|
color: index < ratingController.userRating.value
|
|
? CupertinoColors.systemYellow
|
|
: CupertinoColors.systemGrey3,
|
|
),
|
|
),
|
|
);
|
|
}),
|
|
);
|
|
}
|
|
}
|