Flutter 从多行文本字段-颤振中删除右侧的滚动条
我在结构中有TextFieldFlutter 从多行文本字段-颤振中删除右侧的滚动条,flutter,scrollbar,textfield,Flutter,Scrollbar,Textfield,我在结构中有TextFieldpurchaseCommentField(),如下所示: @override Widget build(BuildContext context) { return GestureDetector( onTap: CommonUtils.endEditing(context), child: Container( width: _width,
purchaseCommentField()
,如下所示:
@override
Widget build(BuildContext context)
{
return GestureDetector(
onTap: CommonUtils.endEditing(context),
child: Container(
width: _width,
color: Colors.white,
child: SingleChildScrollView(
child: Column(
children: <Widget>[
....
...
Visibility(
visible: _additionalInfo != null,
child: purchaseCommentField()
),
rowSpacer(16.0),
actionButton(context)
],
)
)
),
);
}
Widget purchaseCommentField()
{
return TextField(
controller: _purchaseCommentController,
minLines: 1,
maxLines: null,
keyboardType: TextInputType.multiline,
style: new TextStyle(fontSize: 14.0),
decoration: new InputDecoration(
labelText: 'Additional Info',
border: OutlineInputBorder(),
),
);
}
@覆盖
小部件构建(构建上下文)
{
返回手势检测器(
onTap:CommonUtils.endEditing(上下文),
子:容器(
宽度:_宽度,
颜色:颜色,白色,
子:SingleChildScrollView(
子:列(
儿童:[
....
...
可见度(
可见:_additionalInfo!=null,
子项:purchaseCommentField()
),
行间隔器(16.0),
操作按钮(上下文)
],
)
)
),
);
}
Widget purchaseCommentField()
{
返回文本字段(
控制器:_purchaseCommentController,
小姑娘:1,
maxLines:null,
键盘类型:TextInputType.multiline,
样式:新文本样式(fontSize:14.0),
装饰:新的输入装饰(
labelText:“其他信息”,
边框:OutlineInputBorder(),
),
);
}
当我聚焦文本字段时,在字段的右侧出现了不需要的滚动条:
当我设置fontSize:14.0
时出现此问题。当我删除该选项或将fontSize设置为16.0时,右侧没有滚动条:
有没有办法删除textfield中的滚动条 尝试使用
TextFormField
TextFormField(
controller: textController,
validator: (value) {
if (value.trim().isEmpty) {
return _reportTypeModel.language.msgEnterDesc;
}
return null;
},
style: new TextStyle(fontSize: 14.0),
maxLength: 500,
decoration: InputDecoration(
labelText: _reportTypeModel.language.description,
),
minLines: 4,
maxLines: 6,
keyboardType: TextInputType.multiline,
textInputAction: TextInputAction.next,
),
输出:
@iAkki也尝试发布父窗口小部件代码,因为即使您的代码对我来说也非常适合。也许罪魁祸首可能是任何一个家长小部件!!好的,我已经用父窗口小部件更新了我的问题。请看一看。整个内容都显示为showDialog()的内容。我试图重现这个问题,我不得不删除`onTap:CommonUtils.endEditing(context)`因为我不知道它是从哪里导入的?但代码对我来说很好,让我们来吧。