106 lines
4.6 KiB
Dart
106 lines
4.6 KiB
Dart
import 'package:customer/constant/assets.dart';
|
||
import 'package:customer/themes/round_button_fill.dart';
|
||
import 'package:easy_localization/easy_localization.dart';
|
||
import 'package:flutter/material.dart';
|
||
import 'package:get/get.dart';
|
||
import '../../controllers/on_boarding_controller.dart';
|
||
import '../../themes/app_them_data.dart';
|
||
import '../../utils/network_image_widget.dart';
|
||
import '../../utils/preferences.dart';
|
||
import '../auth_screens/login_screen.dart';
|
||
|
||
class OnboardingScreen extends StatelessWidget {
|
||
const OnboardingScreen({super.key});
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return GetX<OnboardingController>(
|
||
init: OnboardingController(),
|
||
builder: (controller) {
|
||
final pageCount = controller.onboardingList.length;
|
||
return Scaffold(
|
||
body: Stack(
|
||
fit: StackFit.expand,
|
||
children: [
|
||
Image.asset(AppAssets.onBoardingBG, fit: BoxFit.cover),
|
||
SafeArea(
|
||
child: Padding(
|
||
padding: const EdgeInsets.symmetric(horizontal: 15, vertical: 20),
|
||
child: Column(
|
||
children: [
|
||
const SizedBox(height: 20),
|
||
Align(
|
||
alignment: Alignment.topRight,
|
||
child: RichText(
|
||
text: TextSpan(
|
||
style: AppThemeData.regularTextStyle(fontSize: 14),
|
||
children: [
|
||
TextSpan(text: "${controller.currentPage.value + 1}", style: AppThemeData.regularTextStyle(color: AppThemeData.grey800)),
|
||
TextSpan(text: "/$pageCount", style: AppThemeData.regularTextStyle(color: AppThemeData.grey400)),
|
||
],
|
||
),
|
||
),
|
||
),
|
||
const SizedBox(height: 20),
|
||
Expanded(
|
||
child: PageView.builder(
|
||
controller: controller.pageController,
|
||
onPageChanged: controller.onPageChanged,
|
||
itemCount: pageCount,
|
||
itemBuilder: (context, index) {
|
||
final item = controller.onboardingList[index];
|
||
return SingleChildScrollView(
|
||
child: Column(
|
||
children: [
|
||
Text(item.title ?? '', style: AppThemeData.boldTextStyle(color: AppThemeData.grey900), textAlign: TextAlign.center),
|
||
const SizedBox(height: 5),
|
||
Text(item.description ?? '', style: AppThemeData.boldTextStyle(color: AppThemeData.grey500, fontSize: 14), textAlign: TextAlign.center),
|
||
const SizedBox(height: 40),
|
||
NetworkImageWidget(imageUrl: item.image ?? '', width: double.infinity, height: 500),
|
||
],
|
||
),
|
||
);
|
||
},
|
||
),
|
||
),
|
||
const SizedBox(height: 20),
|
||
controller.currentPage.value == pageCount - 1
|
||
? RoundedButtonFill(
|
||
title: "Let’s Get Started".tr(),
|
||
onPress: () {
|
||
_finish();
|
||
},
|
||
color: AppThemeData.grey900,
|
||
)
|
||
: Row(
|
||
children: [
|
||
Expanded(child: RoundedButtonFill(title: "Skip".tr(), onPress: () => _finish(), color: AppThemeData.grey50, textColor: AppThemeData.grey900)),
|
||
const SizedBox(width: 20),
|
||
Expanded(
|
||
child: RoundedButtonFill(
|
||
title: "Next".tr(),
|
||
onPress: () {
|
||
controller.nextPage();
|
||
},
|
||
color: AppThemeData.grey900,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
],
|
||
),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
},
|
||
);
|
||
}
|
||
|
||
Future<void> _finish() async {
|
||
await Preferences.setBoolean(Preferences.isFinishOnBoardingKey, true);
|
||
Get.offAll(() => const LoginScreen());
|
||
}
|
||
}
|