Flutter 中的 Editext TextField

import 'package:flutter/material.dart';

void main() => runApp(new MainAPP());
enum Department { treasury, state }

class MainAPP extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return new MyApp();
  }
}

class MyApp extends StatefulWidget {
  @override
  State<StatefulWidget> createState() {
    // TODO: implement createState
    return new MyState();
  }
}

class MyState extends State<MyApp> {
  @override
  Widget build(BuildContext context) {
    TextEditingController editingController = new TextEditingController();
    editingController.addListener(() {
      print("你输入的内容：:${editingController.text}");
    });
    return new MaterialApp(
      title: "TextField 示例",
      home: new Scaffold(
          appBar: new AppBar(
            title: new Text("textField 示例"),
          ),
          body: new Center(
            child: new Padding(
              padding: EdgeInsets.all(10),
              child: new TextField(
                controller: editingController,
                maxLength: 30,
                maxLines: 1,
                //是否自动更正
                autocorrect: true,
              //是否是密码
                obscureText: false,
                textAlign: TextAlign.center, //对齐方式
                style: TextStyle(fontSize: 26.0, color: Colors.green),
                onChanged: (text) { //长度变化
                  print(text.length);
                },
                onSubmitted: (text) {
                  print("内容提交时回调");
                },
                decoration: InputDecoration(
                  fillColor: Colors.grey.shade200,  //添加灰色填充色
                  filled: true,  //是否填充
                  helperText: "用户名",
                  prefixIcon: Icon(Icons.person), //左侧图标
                  suffixText: "用户名"  //右侧文本提示
                ),
              ),
            ),
          )),
    );
  }
}

参考：Flutter 技术入门与实战