fix: styling step registration
This commit is contained in:
parent
f057a346c2
commit
ff515e2621
|
@ -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(
|
||||||
|
|
|
@ -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),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
],
|
|
||||||
),
|
|
||||||
);
|
);
|
||||||
}),
|
}),
|
||||||
);
|
);
|
||||||
|
|
|
@ -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 {
|
||||||
},
|
},
|
||||||
)
|
)
|
||||||
],
|
],
|
||||||
|
),
|
||||||
);
|
);
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
Loading…
Reference in New Issue
Block a user