99 lines
3.7 KiB
Dart
99 lines
3.7 KiB
Dart
import 'package:animations/animations.dart';
|
|
import 'package:e_porter/_core/component/button/button_fill.dart';
|
|
import 'package:e_porter/_core/component/button/button_outline.dart';
|
|
import 'package:e_porter/_core/constants/colors.dart';
|
|
import 'package:e_porter/_core/constants/typography.dart';
|
|
import 'package:e_porter/presentation/screens/routes/app_rountes.dart';
|
|
import 'package:e_porter/presentation/widgets/animations/container_transform.dart';
|
|
import 'package:e_porter/presentation/widgets/animations/fade_through.dart';
|
|
import 'package:e_porter/presentation/widgets/animations/staggered_fade.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
|
import 'package:flutter_svg/svg.dart';
|
|
import 'package:get/get.dart';
|
|
import 'package:zoom_tap_animation/zoom_tap_animation.dart';
|
|
|
|
class OnboardingScreen extends StatelessWidget {
|
|
OnboardingScreen({super.key});
|
|
|
|
late final passenger = '1';
|
|
late final porter = '2';
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
backgroundColor: Colors.white,
|
|
body: SafeArea(
|
|
child: Padding(
|
|
padding: EdgeInsets.symmetric(horizontal: 16.w, vertical: 16.h),
|
|
child: Column(
|
|
children: [
|
|
StaggeredFadeAnimation(
|
|
index: 0,
|
|
delay: const Duration(milliseconds: 500),
|
|
duration: const Duration(milliseconds: 1000),
|
|
reverse: true,
|
|
transitionType: SharedAxisTransitionType.vertical,
|
|
child: SvgPicture.asset(
|
|
'assets/images/ilustrasi_onboarding.svg',
|
|
),
|
|
),
|
|
SizedBox(height: 16.h),
|
|
FadeThroughAnimation(
|
|
delay: const Duration(milliseconds: 1200),
|
|
duration: const Duration(milliseconds: 800),
|
|
child: TypographyStyles.h6(
|
|
'Hemat waktu Anda di bandara dengan layanan E-Porter. Kami siap membantu setiap kebutuhan perjalanan prioritas Anda dengan mudah dan cepat',
|
|
fontWeight: FontWeight.w600,
|
|
color: GrayColors.gray600,
|
|
textAlign: TextAlign.center,
|
|
maxlines: 5,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
bottomNavigationBar: Padding(
|
|
padding: EdgeInsets.symmetric(horizontal: 16.w, vertical: 16.h),
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
ContainerTransformAnimation(
|
|
delay: const Duration(milliseconds: 1800),
|
|
duration: const Duration(milliseconds: 600),
|
|
animationType: AnimationType.fadeThrough,
|
|
child: ZoomTapAnimation(
|
|
child: ButtonFill(
|
|
text: 'Masuk sebagai Penumpang',
|
|
textColor: Colors.white,
|
|
onTap: () {
|
|
Get.toNamed(Routes.LOGIN, arguments: 'penumpang');
|
|
},
|
|
),
|
|
),
|
|
),
|
|
SizedBox(
|
|
height: 10.h,
|
|
),
|
|
ContainerTransformAnimation(
|
|
delay: const Duration(milliseconds: 2100),
|
|
duration: const Duration(milliseconds: 600),
|
|
animationType: AnimationType.sharedAxisHorizontal,
|
|
child: ZoomTapAnimation(
|
|
child: ButtonOutline(
|
|
text: 'Masuk sebagai Porter',
|
|
textColor: PrimaryColors.primary800,
|
|
onTap: () {
|
|
Get.toNamed(Routes.LOGIN, arguments: 'porter');
|
|
},
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|