# Field 输入框

## 基础用法
```dart
MillField(hintText: 'tips', label: 'Label')
```

![checkbox](../../images/field1.jpg)


## 添加图标
prefixIcon 和 suffixIcon 分别设置前后的 icon。
```dart
MillField(
  hintText: '请输入...',
  label: 'Label',
  suffixIcon: Icon(
    Icons.warning,
    size: 16,
  ),
  prefixIcon: Icon(
    Icons.supervised_user_circle,
    size: 16,
  ),
)
```

![checkbox](../../images/field2.jpg)


## 设置只读
readonly 设置只读模式， readBox：设置只读模式下，展示的内容
```dart
MillField(
  label: 'Label',
  readonly: true,
  readBox: GestureDetector(
    onTap: _alert,
    child: Text(isCn ? '只读' : 'Readonly'),
  ),
  suffixIcon: Icon(
    Icons.keyboard_arrow_right,
    size: 26,
  ),
)
```

![checkbox](../../images/field3.jpg)


## 控制器
controller 可以传一个 TextEditingController 控制器。
```dart
TextEditingController mControll = TextEditingController();
@override
void initState() {
  mControll.text = 'Default';
  super.initState();
}

@override
void dispose() {
  mControll.dispose();
  super.dispose();
}

onChanged(text) {
  setState(() {
    _text = text;
  });
}

...
  
MillField(
  label: 'Label',
  onChanged: onChanged,
  controller: mControll,
  prefixIcon: Icon(
    Icons.supervised_user_circle,
    size: 16,
  ),
  suffixIcon: GestureDetector(
    onTap: () {
      mControll.clear();
    },
    child: Icon(
      Icons.close,
      size: 16,
    ),
  ),
)
```


## Attributes



| 字段名称 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- |
| padding | 内边距 | _EdgeInsets_ |  EdgeInsets.only(left: 10, right: 10, bottom: 0, top: 0) |
| background | 背景色 |  | Color(0xffffffff), |
| border | 边框 | Border | null |
| borderRadius | radius | _BorderRadius_ | null |
| labelWidth | 宽度 | double | 100 |
| label | 字段名称 | _String_ |  |
| labelColor | 左侧字段名称的颜色 | Color |  Color(0xff333333) |
| value | 值 | _String_ |  |
| valueColor | 右侧值的颜色 | Color |  Color(0xff333333) |
| readonly | 是否是只读 | bool | false |
| autofocus |  | bool | false |
| hintText | 提示文本 | _String_ |  |
| hintMaxLines | 提示行数 | int | 1 |
| hintStyle | 提示样式 | _TextStyle_ | TextStyle(color: Color(0xff999999)) |
| keyboardType | 设置输入类型 | _TextInputType_ | TextInputType.text |
| obscureText | 是否隐藏输入的文字 | bool | false |
| inputFillColor | 输入框颜色 | Color | _Color(_0xffffffff_)_ |
| suffixIcon | 输入框icon | _Widget_ |  |
| prefixIcon | label icon | _Widget_ |  |
| readBox | 只读模式是展示的元素 | _Widget_ |  |
| controller | 输入框控制器 | _TextEditingController_ |  |
| onChanged | 回调 |  |  |

