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,9 +93,7 @@ class _SubmissionParentState extends State<SubmissionParent> {
}, },
), ),
), ),
body: Stack( body: Column(
children: [
Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.spaceBetween, mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [ children: [
@ -103,8 +102,7 @@ class _SubmissionParentState extends State<SubmissionParent> {
horizontal: 16.0, vertical: 16.0), horizontal: 16.0, vertical: 16.0),
child: Row( child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween, mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: children: List.generate(provider.stepAmount, (index) {
List.generate(provider.stepAmount, (index) {
return _stepItem( return _stepItem(
isCurrentStep: isCurrentStep:
provider.getCurrentStep == index + 1 || provider.getCurrentStep == index + 1 ||
@ -114,16 +112,13 @@ class _SubmissionParentState extends State<SubmissionParent> {
), ),
), ),
Expanded( Expanded(
child: Container( child: SingleChildScrollView(
padding: padding: const EdgeInsets.symmetric(horizontal: 16.0),
const EdgeInsets.symmetric(horizontal: 16.0),
child: _content(provider.getCurrentStep), child: _content(provider.getCurrentStep),
), ),
), ),
], ],
), ),
],
),
); );
}), }),
); );

View File

@ -24,15 +24,18 @@ 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(
height: SizeConfig.height * .8,
child: Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [ children: [
const TextCaption(title: 'Draw your digital sign'), const TextCaption(title: 'Draw your digital sign'),
const ImageView(image: PathAssets.frameSignature), const ImageView(image: PathAssets.frameSignature),
const ListTileView( const ListTileView(
title: title:
'Make sure the sign you draw is match with your ID Card'), 'Make sure the sign you draw is match with your ID Card'),
SizedBox(height: SizeConfig.height * .07), SizedBox(height: SizeConfig.height * .1),
ButtonView( ButtonView(
name: 'Next', name: 'Next',
onPressed: () { onPressed: () {
@ -44,6 +47,7 @@ class InitialSignature extends StatelessWidget {
}, },
) )
], ],
),
); );
}); });
}); });