【Flutter】Flutter TextField 自适应高度

在flutter中遇到这样一种情况，当设置TextField的maxLines的值大于1时，其初始高度会随着maxLines的变化而变化，完全不能像微信输入框一样高度可以随着文字行数变化，查看api发现将maxLines设置为null，再将keyboardType设置为TextInputType.multiline，就会随着高度变化而变化，但是这样的效果就是没有一个最大高度，故在外层包含一个Container并设置其maxHeight和minHeight就可以完美解决。

代码如下：

return Container(
  color: Colors.red,
        constraints: BoxConstraints(
            maxHeight: 144.0,
            maxWidth: _screenWidth(),
            minHeight: 48.0,
            minWidth: _screenWidth()),
        padding: EdgeInsets.only(
            left: 16.0, right: 16.0, top: 8.0, bottom: 4.0),
        child: TextField(
          maxLines: null,
          keyboardType: TextInputType.multiline,
          decoration: InputDecoration.collapsed(
          hintText: "Write a comment",
          ),
      ),
);

double _screenWidth() {
    return MediaQuery.of(context).size.width;
  }

LinearProgressIndicator组件的使用

//LinearProgressIndicator本身不能设置高度，
          // 可以包一层父容器设置高度来间接设置LinearProgressIndicator的高度
          Container(
            padding: EdgeInsets.all(20),
            child: Container(
              height: 30, //设置高度
              child: LinearProgressIndicator(
                //0~1的浮点数，用来表示进度多少;
                // 如果 value 为 null 或空，则显示一个动画，否则显示一个定值
                value: 0.8,
                //animation类型的参数，用来设定进度值的颜色，默认为主题色
                valueColor:
                    new AlwaysStoppedAnimation<Color>(Colors.greenAccent),
                backgroundColor: Color(0xfff0f0f0),//背景颜色
                semanticsLabel: "这是semanticsLabel",
                semanticsValue: "这是semanticsValue",
              ),
            ),
          ),