Flutter TextField 高度设置,无边框

2,637 阅读1分钟
//边框样式
OutlineInputBorder _outlineInputBorder = OutlineInputBorder(
    gapPadding: 0,
    borderSide: BorderSide.none,
);

TextField(
    decoration: InputDecoration(
        fillColor: Colors.grey[50],//背景颜色,必须结合filled: true,才有效
            filled: true,//重点,必须设置为true,fillColor才有效
            isCollapsed: true,//重点,相当于高度包裹的意思,必须设置为true,不然有默认奇妙的最小高度
            contentPadding: EdgeInsets.symmetric(horizontal: 8, vertical: 10),//内容内边距,影响高度
            border: _outlineInputBorder,//边框,一般下面的几个边框一起设置
            focusedBorder: _outlineInputBorder,
            enabledBorder: _outlineInputBorder,
            disabledBorder: _outlineInputBorder,
            focusedErrorBorder: _outlineInputBorder,
            errorBorder: _outlineInputBorder,
        ),
    ),
)