Fix ionia input field alignment

This commit is contained in:
Godwin Asuquo 2023-02-23 18:56:20 +02:00
parent cf125d1e06
commit 8d482464d9

View file

@ -45,7 +45,6 @@ class IoniaBuyGiftCardPage extends BasePage {
@override @override
Widget body(BuildContext context) { Widget body(BuildContext context) {
final _width = MediaQuery.of(context).size.width;
final merchant = ioniaBuyCardViewModel.ioniaMerchant; final merchant = ioniaBuyCardViewModel.ioniaMerchant;
return KeyboardActions( return KeyboardActions(
disableScroll: true, disableScroll: true,
@ -76,43 +75,40 @@ class IoniaBuyGiftCardPage extends BasePage {
), ),
child: Column( child: Column(
mainAxisSize: MainAxisSize.min, mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.stretch,
mainAxisAlignment: MainAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.center,
children: [ children: [
SizedBox(height: 150), SizedBox(height: 150),
BaseTextFormField( SizedBox(
controller: _amountController, width: 200,
focusNode: _amountFieldFocus, child: BaseTextFormField(
keyboardType: TextInputType.numberWithOptions(signed: false, decimal: true), controller: TextEditingController(),
inputFormatters: [ keyboardType: TextInputType.numberWithOptions(signed: false, decimal: true),
FilteringTextInputFormatter.deny(RegExp('[\-|\ ]')), hintText: '1000',
FilteringTextInputFormatter.allow(RegExp(r'^\d+(\.|\,)?\d{0,2}'))], placeholderTextStyle: TextStyle(
hintText: '1000', color: Theme.of(context).primaryTextTheme.headline5!.color!,
placeholderTextStyle: TextStyle( fontWeight: FontWeight.w600,
color: Theme.of(context).primaryTextTheme!.headline5!.color!, fontSize: 36,
fontWeight: FontWeight.w600,
fontSize: 36,
),
borderColor: Theme.of(context).primaryTextTheme!.headline5!.color!,
textColor: Colors.white,
textStyle: TextStyle(
color: Colors.white,
fontSize: 36,
),
prefixIcon: Padding(
padding: EdgeInsets.only(
top: 5.0,
left: ResponsiveLayoutUtil.kDesktopMaxWidthConstraint) / 3,
child: Text(
'USD: ',
style: TextStyle(
color: Colors.white,
fontWeight: FontWeight.w600,
fontSize: 36,
),
), ),
prefixIcon: Text(
'USD: ',
style: TextStyle(
color: Colors.white,
fontWeight: FontWeight.w600,
fontSize: 36,
),
),
textColor: Colors.white,
textStyle: TextStyle(
color: Colors.white,
fontSize: 36,
),
), ),
), ),
Divider(
color: Theme.of(context).primaryTextTheme.headline5!.color!,
height: 1,
),
SizedBox(height: 8), SizedBox(height: 8),
Row( Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween, mainAxisAlignment: MainAxisAlignment.spaceBetween,