Flutter 实现TextField的placeholder效果CupertinoTextField( placeholder: '手机账号',

TextField组件有一个decoration属性改属性值为hintText即可

 

hintText 在输入时会消失,

labelText在输入时则会缩小到TextField的左上角

icon属性则类似iOS中的leftView,区别在于下方输入框长度

也可以设置hintStyle 属性,设置placeHoleder的颜色,大小,字体样式等

 

iOS风格的输入框设置:

CupertinoTextField(
                    placeholder: '手机账号',
                    // cursorRadius: ,
                    decoration: BoxDecoration(
                      borderRadius: BorderRadius.circular(5.0),
                      border: Border.all(
                        color: Colors.blue,
                        style: BorderStyle.solid,
                        width: 2,
                      )
                    ),
                  ),