Container(
padding: EdgeInsets.only(bottom: 150),
margin: EdgeInsets.all(10),
decoration: BoxDecoration(
border: Border.all(width: 2, color: Colors.black),
borderRadius: BorderRadius.all(Radius.circular(10))),
child: TextFormField(
keyboardType: TextInputType.multiline,
maxLines: null,
style: TextStyle(
fontSize: 20,
fontWeight: FontWeight.w600,
fontFamily: 'Montserrat'),
decoration: InputDecoration(
border: InputBorder.none,
hintText: 'Task Description...',
hintStyle: TextStyle(
fontFamily: 'Montserrat',
fontWeight: FontWeight.w400,
fontStyle: FontStyle.italic,
fontSize: 20)),
),
)
因此,事先我使用Container和Text小部件进行布局,然后将其更改为TextFormField,但我确实想坚持我的Container边框。但是当我输入新行时,我遇到了这个问题,边框/框会自动调整其高度。我不想要那个,有什么办法可以解决这个问题?
谢谢你。
将minLines
和定义maxLines
为相同:
import 'package:flutter/material.dart';
void main() {
runApp(
MaterialApp(
debugShowCheckedModeBanner: false,
title: 'Flutter Demo',
home: HomePage(),
),
);
}
class HomePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
body: Container(
padding: EdgeInsets.all(10),
margin: EdgeInsets.all(10),
decoration: BoxDecoration(
border: Border.all(width: 2, color: Colors.black),
borderRadius: BorderRadius.all(Radius.circular(10)),
),
child: TextFormField(
keyboardType: TextInputType.multiline,
minLines: 5,
maxLines: 5,
style: TextStyle(
fontSize: 20,
fontWeight: FontWeight.w600,
fontFamily: 'Montserrat',
),
decoration: InputDecoration(
border: InputBorder.none,
hintText: 'Task Description...',
hintStyle: TextStyle(
fontFamily: 'Montserrat',
fontWeight: FontWeight.w400,
fontStyle: FontStyle.italic,
fontSize: 20,
),
),
),
),
);
}
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句