无论哪种界面框架输入文本框都是非常重要的控件, 但是发现flutter中的输入框TextField
介绍的虽然多,但是各个属性怎么组合满足需要很多文章却说不清楚, 再加上控件版本变更频繁很多功能的介绍都是比较陈旧的属性.现在就需要一个类似微信的输入文本框, 这样一个非常实用的效果flutter要如何实现?前提是尽量用已有属性,少写或不写代码.
先明确这种输入文本框有哪些功能点?
- 能够自定义各种间距.主要是控件外边距(margin); 内间距(padding);
- 能够自定义样式. 输入框边框(圆角(radius),描边(border),颜色); 字样(大小,颜色), 提示字样(hint);
- 自适应. 字号变大控件高度也变高同时保持指定的内外边距.
- 最重要的功能: 多行文本. 并且控件高度可以随着换行而增高
- 自定义最大行数: 即高度不是随着换行无限增高, 指定控件最大行数后,文本框内容就可以滚动. 如果以数值方式指定控件最大高度很容易发生文本被截断的现象.
1,2,3在flutter中是非常方便的, decoration
属性可以满足几乎一切自定义样式.
4,也不麻烦, 现在的keyboardType: TextInputType.multiline,
属性已经能够比较好的支持多行文本;
5,单独功能也不麻烦,已经支持属性maxLines
指定最大行数
麻烦的是这些属性组合起来的效果,却不理想:
- 只指定
maxLines
. 输入框会从一开