fix: styling step registration

This commit is contained in:
Dian Bayu Nugroho 2024-02-26 15:11:28 +07:00
parent f057a346c2
commit ff515e2621
3 changed files with 54 additions and 55 deletions

View File

@ -14,12 +14,12 @@ class RiskProfileView extends StatelessWidget {
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Container( return Container(
width: SizeConfig.width, width: SizeConfig.width,
height: SizeConfig.height, height: SizeConfig.height * .8,
padding: EdgeInsets.all(24), padding: const EdgeInsets.all(24),
child: Column( child: Column(
mainAxisAlignment: MainAxisAlignment.spaceBetween, mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [ children: [
Column( const Column(
children: [ children: [
ImageView(image: PathAssets.imgDataReport), ImageView(image: PathAssets.imgDataReport),
SizedBox( SizedBox(
@ -48,7 +48,7 @@ class RiskProfileView extends StatelessWidget {
), ),
Column( Column(
children: [ children: [
Row( const Row(
mainAxisAlignment: MainAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.center,
children: [ children: [
ImageView( ImageView(
@ -68,7 +68,7 @@ class RiskProfileView extends StatelessWidget {
) )
], ],
), ),
SizedBox( const SizedBox(
height: 24, height: 24,
), ),
ButtonView( ButtonView(

View File

@ -1,3 +1,4 @@
import 'package:cims_apps/application/component/button/back_button_view.dart';
import 'package:cims_apps/application/component/custom_app_bar/custom_app_bar.dart'; import 'package:cims_apps/application/component/custom_app_bar/custom_app_bar.dart';
import 'package:cims_apps/application/theme/color_palette.dart'; import 'package:cims_apps/application/theme/color_palette.dart';
import 'package:cims_apps/core/route/route.dart'; import 'package:cims_apps/core/route/route.dart';
@ -82,8 +83,8 @@ class _SubmissionParentState extends State<SubmissionParent> {
appBar: CustomAppBar( appBar: CustomAppBar(
height: SizeConfig.height * .1, height: SizeConfig.height * .1,
title: 'Registration', title: 'Registration',
leading: BackButton( leading: BackButtonView(
onPressed: () { onPress: () {
routePush( routePush(
context, context,
page: const BottomNavigationView(), page: const BottomNavigationView(),
@ -92,35 +93,29 @@ class _SubmissionParentState extends State<SubmissionParent> {
}, },
), ),
), ),
body: Stack( body: Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [ children: [
Column( Padding(
crossAxisAlignment: CrossAxisAlignment.start, padding: const EdgeInsets.symmetric(
mainAxisAlignment: MainAxisAlignment.spaceBetween, horizontal: 16.0, vertical: 16.0),
children: [ child: Row(
Padding( mainAxisAlignment: MainAxisAlignment.spaceBetween,
padding: const EdgeInsets.symmetric( children: List.generate(provider.stepAmount, (index) {
horizontal: 16.0, vertical: 16.0), return _stepItem(
child: Row( isCurrentStep:
mainAxisAlignment: MainAxisAlignment.spaceBetween, provider.getCurrentStep == index + 1 ||
children: provider.getCurrentStep - 1 > index,
List.generate(provider.stepAmount, (index) { );
return _stepItem( }),
isCurrentStep: ),
provider.getCurrentStep == index + 1 || ),
provider.getCurrentStep - 1 > index, Expanded(
); child: SingleChildScrollView(
}), padding: const EdgeInsets.symmetric(horizontal: 16.0),
), child: _content(provider.getCurrentStep),
), ),
Expanded(
child: Container(
padding:
const EdgeInsets.symmetric(horizontal: 16.0),
child: _content(provider.getCurrentStep),
),
),
],
), ),
], ],
), ),

View File

@ -24,26 +24,30 @@ class InitialSignature extends StatelessWidget {
builder: (context, child) { builder: (context, child) {
return Consumer<SubmissionDataViewModel>( return Consumer<SubmissionDataViewModel>(
builder: (context, provider, child) { builder: (context, provider, child) {
return Column( return SizedBox(
crossAxisAlignment: CrossAxisAlignment.start, height: SizeConfig.height * .8,
children: [ child: Column(
const TextCaption(title: 'Draw your digital sign'), crossAxisAlignment: CrossAxisAlignment.start,
const ImageView(image: PathAssets.frameSignature), mainAxisAlignment: MainAxisAlignment.spaceBetween,
const ListTileView( children: [
title: const TextCaption(title: 'Draw your digital sign'),
'Make sure the sign you draw is match with your ID Card'), const ImageView(image: PathAssets.frameSignature),
SizedBox(height: SizeConfig.height * .07), const ListTileView(
ButtonView( title:
name: 'Next', 'Make sure the sign you draw is match with your ID Card'),
onPressed: () { SizedBox(height: SizeConfig.height * .1),
provider.next(context).then((value) { ButtonView(
if (value) { name: 'Next',
routePush(context, page: const SubmitSignature()); onPressed: () {
} provider.next(context).then((value) {
}); if (value) {
}, routePush(context, page: const SubmitSignature());
) }
], });
},
)
],
),
); );
}); });
}); });