17. Formularios de uso común TextField, CheckBox y otros componentes en la ruta de aprendizaje de Flutter

TextFieldPropiedades comunes:

Atributos	describir
maxLines	Cambie el cuadro de texto a un cuadro de texto de varias líneas, el valor predeterminado es una sola línea
onChanged	El tiempo de disparo cuando cambia el cuadro de texto.
decoration	hintTextSimilar al atributo EditTextdel medio hint. borderLínea de borde, OutlineInputBorderutilizada junto con labelText: labelnombre, utilizada para labelStylela configuraciónlabel
obscureText	j Cambie el cuadro de texto a un cuadro de contraseña
controller	controllerCombinado con TextEditingController ()el contenido que se puede configurar por defecto en el formulario

class TextFieldPage extends StatefulWidget{
  @override
  State<StatefulWidget> createState() {
    return _TextFieldPageState();
  }

}

class _TextFieldPageState extends State<TextFieldPage> {

  var _message=TextEditingController() ;

  @override
  void initState() {
    // TODO: implement initState
    super.initState();
    _message.text='初始值';
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('TextFieldDemo'),),
      body: Padding(
        padding: EdgeInsets.all(20),
        child: Column(
          children: <Widget>[
            TextField(),
            SizedBox(height: 20,),
            TextField(
              decoration: InputDecoration(
                  hintText: '请输入内容',
                  border: OutlineInputBorder(),
              ),

            ),
            SizedBox(height: 20,),
            TextField(
              maxLines: 3,
              decoration: InputDecoration(
                hintText: '多行文本框',
                border: OutlineInputBorder(),
              ),
            ),
            SizedBox(height: 20,),
            TextField(
              obscureText: true,
              decoration: InputDecoration(
                hintText: '密码框',
                border: OutlineInputBorder(

                ),
              ),
            ),
            SizedBox(height: 20,),
            TextField(
              decoration: InputDecoration(
                hintText: '请输入用户名',
                labelText: '用户名',
                border: OutlineInputBorder(

                ),
              ),
            ),
            SizedBox(height: 20,),
            TextField(
              decoration: InputDecoration(
                hintText: '请输入用户名',
                icon: Icon(Icons.account_circle),
                border: OutlineInputBorder(
                ),
              ),
            ),
            SizedBox(height: 20,),
            TextField(
              controller:_message,
              decoration: InputDecoration(
                hintText: '获取表单内容',
                labelText: '获取表单内容',
                icon: Icon(Icons.account_circle),
                border: OutlineInputBorder(
                ),
              ),
            ),
            SizedBox(height: 20,),
            RaisedButton(
              child: Text('获取上面文本框的内容'),
              onPressed: (){
                print('${_message.text}');
              },
            )
          ],
        ),
      ),
    );
  }
}

Casilla de verificación pero elige

Checkboxatributos comunes

Atributos	describir
value	trueofalse
onChange	Evento desencadenado cuando el
activeColor	color seleccionado, color de fondo
checkColor	El color seleccionado, CheckBoxel color de la marca de verificación en el interior.

Componente de cuadro de selección múltiple CheckboxListTile

Atributos	describir
value	trueofalse
onChange	Evento desencadenado cuando el
activeColor	color seleccionado, color de fondo
title	título
subtitle	título secundario
secondary	Configurar icono o imagen
selected	Si el color del texto cambia cuando se selecciona