gpt4 book ai didi

flutter - 如何修复不滚动的表单

转载 作者:行者123 更新时间:2023-12-04 08:11:30 25 4
gpt4 key购买 nike

我正在做一个表格,但我不能让它可滚动,它只能在“窗口”的边缘工作,而不是在表格内部,我用最后的 做了这个。 X = TextFormField 因为这是我发现在提交之前验证信息的唯一方法,这是我的代码:
我有这样的所有 Q:最终 usuarioForm = TextFormField(
Controller :_idusuarioController,
验证器:(值){
if (value.isEmpty) 返回 'Llenar campo de Usuario';
返回空;
},
样式:TextStyle(字体大小:17.0,颜色:Colors.deepOrangeAccent),
装饰:输入装饰(
图标:图标(Icons.person),
labelText: 'Usuario',
),
);
我的表格是这样的:
最终的 vuelosForm = Form(
键:_formKey,
child : ListView (
收缩包装:真实,
滚动方向:Axis.vertical,
填充:EdgeInsets.all(10),
children : [
usuarioForm,
],
),
);
我的脚手架是这样的:
返回脚手架(
key :_scaffoldKey,
resizeToAvoidBottomPadding: 假,
应用栏:应用栏(
标题:文本('Vuelos'),
backgroundColor: Colors.deepOrangeAccent,
),
主体:容器(
child : ListView (
收缩包装:真实,
填充:EdgeInsets.fromLTRB(10.0, 0.0, 10.0, 0.0),
children : [
中心(
child :卡片(
海拔:18.0,
child :容器(
填充:EdgeInsets.all(10.0),
child :列(
children : [
vuelosForm,
],
),
),
),
),
],
),
),
);
显然我有更多问题,但我不会将它们粘贴在这里,因为这将是很多代码。

最佳答案

添加到 @Shubham Narkhede回答,如果你想建立一个表格,那么使用 flutter_form_builder 包装与 SingleChildScrollView该包通过删除构建表单、验证字段、响应更改和收集最终用户输入所需的样板文件,帮助在 Flutter 中创建大型表单。
pubspec.ymal 文件添加依赖项,如:

dependencies:
flutter_form_builder: ^3.8.2
添加依赖后,运行以下命令:
flutter pub get
在 .dart 文件中导入包:
import 'package:flutter_form_builder/flutter_form_builder.dart';
您可以添加 these form fields作为输入小部件

现在您可以使用 FormBuilder作为代码中的小部件:
@override
Widget build(BuildContext context) {

return Scaffold(
appBar: AppBar(
title: Text(formName, style: TextStyle(fontWeight: FontWeight.bold),),
),
body: Container(
child: Center(
child: Container(
child: SingleChildScrollView(
child: Column(
children: <Widget>[
FormBuilder(
key: _fbKey,
autovalidate: _autoValidate,
child: Column(
children: bind your form fields,
)
)
],
),
),
),
),
),
);
}

关于flutter - 如何修复不滚动的表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65929677/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com