flutter - 键盘出现时底部静电可以吗?
问题描述
当我设置resizeToAvoidBottomInset: false,
在脚手架上时,它似乎不起作用。
在此处输入图像描述
解决方案
我在登录屏幕中遇到了同样的错误。然后我使用 Listview 进行小部件设计
return Container(
padding: const EdgeInsets.symmetric(horizontal: 57),
child: Center(
child: Form(
key: model.formKey,
child: ListView(
primary: false,
shrinkWrap: true,
children: [
Image(
image: ImageHelper.logo,
height: 241,
width: 200,
),
SizedBox(
height: 30,
),
Input(
hintText: AppLocalizations.of(context).email,
controller: model.loginController,
validator: (value) => model.loginValidator(context, value),
autofillHints: [AutofillHints.email],
focusNode: model.loginNode,
onFieldSubmitted: (v) {
model.passwordNode.requestFocus();
},
textInputType: TextInputType.emailAddress,
textInputAction: TextInputAction.next,
),
Input(
hintText: AppLocalizations.of(context).password,
controller: model.passwordController,
obscureText: true,
validator: (value) => model.passwordValidator(context, value),
autofillHints: [AutofillHints.password],
focusNode: model.passwordNode,
onFieldSubmitted: (v) {
model.handleLogin(context);
},
textInputAction: TextInputAction.send,
),
TextButton(
onPressed: () {
NavigationService.of(context).navigateToRecover(context);
},
child: Text(
AppLocalizations.of(context).passwordForgotten,
),
),
SizedBox(
height: 12,
),
Row(
mainAxisSize: MainAxisSize.min,
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
CheckBoxTimeline(
isSelected: model.isTermsAccepted,
color: model.isTermsAccepted
? AppColors.primaryColor
: Colors.white,
borderColor: model.isTermsAccepted
? AppColors.primaryColor
: AppColors.duskColor,
onChanged: (value) {
model.isTermsAccepted = value;
model.notifyListeners();
}),
SizedBox(
width: 8,
),
Expanded(
child: Padding(
padding: const EdgeInsets.only(top: 4.0),
child: Text.rich(
TextSpan(
text: '${AppLocalizations.of(context).acceptFor} ',
style: AppStyles.textStyle(context,
fontSize: 14,
fontWeight: FontWeight.w600,
height: 1.5),
children: [
TextSpan(
text: AppLocalizations.of(context)
.termsAndCondition,
style: AppStyles.italicStyle(context,
fontSize: 14,
fontWeight: FontWeight.w700,
height: 1.5),
recognizer: TapGestureRecognizer()
..onTap = () {
UiHelper.launchUrl(
context, appConfig.parameters.cguUrl);
}),
]),
),
),
),
],
),
SizedBox(
height: 24,
),
PrimaryButton(
onPressed: () {
model.handleLogin(context);
},
label: AppLocalizations.of(context).validate,
),
],
),
)),
);
推荐阅读
- html - 如何使用 Spring Boot 流式传输音频
- python - 我可以在 Bokeh 中使用 Plotly 图吗?
- reactjs - React-select 禁用基于其他 react-select 组件的 react-select 选项
- javascript - 如何在 HTML/D3 代码中对数据进行排序
- java - 在升序中没有得到双值的排序数组列表
- airflow - 如何在气流中更改 gunicorn 服务器的“保持活动”设置
- mysql - 如何在 Windows 中制作 Qt mysql 驱动程序?
- hadoop - 我们可以在 hive 中列出指向 hdfs 中特定位置的表吗?
- javascript - 数组数据在嵌套的异步箭头函数循环中丢失
- macos - 我可以在 docker 镜像中开发 react-native 应用吗