Implementation
List<Widget> bodyContent(
double height, bool isLandscape, BuildContext context) {
double lineAlignmet = isLandscape ? -0.94 : -0.86;
return <Widget>[
Padding(
padding: const EdgeInsets.only(top: 20.0),
child: Row(
crossAxisAlignment: CrossAxisAlignment.baseline,
textBaseline: TextBaseline.alphabetic,
children: [
Expanded(
flex: 2,
child: Text(
titleText[selectedLanguage]!,
style: const TextStyle(
color: textBlue,
fontWeight: FontWeight.w600,
letterSpacing: 0.34,
fontSize: 34,
),
),
),
DropdownWidget(
values: supportedLanguages,
placeholder: "ENG",
getSelected: setLanguage,
),
],
),
),
Column(
children: [
isLandscape
? SizedBox(
height: height / 4,
)
: const SizedBox(),
Row(
children: <Widget>[
Container(
width: 50,
height: 50,
margin: const EdgeInsets.only(right: 17),
decoration: const BoxDecoration(
shape: BoxShape.circle,
color: textBlue,
),
child: const Center(
child: Text(
'1',
style: TextStyle(
color: white,
fontSize: 24,
),
),
),
),
Image.network(
idCardImage,
width: 43,
height: 34,
),
const SizedBox(width: 10.0),
Expanded(
child: Text(
stepOneText[selectedLanguage]!,
style: const TextStyle(
color: textGreyLight,
fontWeight: FontWeight.w500,
letterSpacing: 0.2,
fontSize: 20,
),
),
),
],
),
const SizedBox(
height: 16,
),
Align(
alignment: Alignment(lineAlignmet, 0),
child: Container(
color: textBlue,
width: 2,
height: 44,
),
),
const SizedBox(
height: 16,
),
Row(
children: <Widget>[
Container(
width: 50,
height: 50,
margin: const EdgeInsets.only(right: 17),
decoration: const BoxDecoration(
shape: BoxShape.circle,
color: textBlue,
),
child: const Center(
child: Text(
'2',
style: TextStyle(
color: white,
fontSize: 24,
),
),
),
),
Image.network(
selfieImage,
width: 38,
height: 38,
),
const SizedBox(width: 10.0),
Expanded(
child: Text(
stepTwoText[selectedLanguage]!,
style: const TextStyle(
color: textGreyLight,
fontWeight: FontWeight.w500,
letterSpacing: 0.2,
fontSize: 20,
),
),
),
],
),
const SizedBox(
height: 16,
),
Align(
alignment: Alignment(lineAlignmet, 0),
child: Container(
color: textBlue,
width: 2,
height: 44,
),
),
const SizedBox(
height: 16,
),
Row(
children: <Widget>[
Container(
width: 50,
height: 50,
margin: const EdgeInsets.only(right: 10),
decoration: const BoxDecoration(
shape: BoxShape.circle,
color: textBlue,
),
child: const Center(
child: Text(
'3',
style: TextStyle(
color: white,
fontSize: 24,
),
),
),
),
Image.network(
paperIcon,
width: 46,
height: 46,
),
const SizedBox(width: 10.0),
Expanded(
child: Text(
stepThreeText[selectedLanguage]!,
style: const TextStyle(
color: textGreyLight,
fontWeight: FontWeight.w500,
letterSpacing: 0.2,
fontSize: 20,
),
),
),
],
),
isLandscape
? SizedBox(
height: height / 4,
)
: const SizedBox(),
],
),
Column(
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Padding(
padding: const EdgeInsets.symmetric(horizontal: 10),
child: Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
noteTitle[selectedLanguage]!,
style: const TextStyle(
color: textGreyLight,
fontWeight: FontWeight.w500,
letterSpacing: 0.22,
fontSize: 22,
),
),
Expanded(
child: Text(
noteText[selectedLanguage]!,
style: const TextStyle(
color: textGreyLight,
fontFamily: 'Poppins',
fontWeight: FontWeight.w400,
fontSize: 18,
height: 1.5,
),
),
),
],
),
),
const SizedBox(height: 25),
Column(
children: [
Container(
width: double.infinity,
height: 62,
margin: const EdgeInsets.only(bottom: 35),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(5),
gradient: const LinearGradient(colors: buttonGradient),
),
child: ElevatedButton(
style: ElevatedButton.styleFrom(
backgroundColor: Colors.transparent,
shadowColor: Colors.transparent,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(5),
),
),
onPressed: () {
context.read<VerificationBloc>().add(
VerificationEvent.setLanguage(selectedLanguage),
);
Navigator.of(context).push(
MaterialPageRoute(
builder: (routeContext) => const InfoIDPhotoPage(),
),
);
},
child: Text(
buttonContent[selectedLanguage]!,
style: const TextStyle(
color: white,
fontWeight: FontWeight.w500,
fontSize: 16,
),
),
),
),
sloganWidget,
const SizedBox(height: 20)
],
),
],
),
];
}
