Cómo obtener el contenido del cuadro de texto de entrada en Flutter
En el desarrollo, a menudo usamos cuadros de entrada, así que en flutter, ¿cómo obtener el contenido del texto en el cuadro de entrada actual?
Crear cuadro de texto de entrada
En el cuadro de entrada, utilizamos TextField Widget, que se puede crear de manera muy simple.
Ejemplo:
new TextField(
keyboardType: TextInputType.number,
decoration: InputDecoration(
contentPadding: EdgeInsets.all(10.0),
labelText: '标题',
helperText: '请输入标题',
),
En el ejemplo, se crea un cuadro de texto de entrada.
entre ellos:
keyboardType: representa el tipo de entrada del teclado (número, texto, etc.).
Utilice TextEditingController para obtener el contenido del cuadro de texto
Queremos obtener el contenido de entrada final, podemos usar el objeto TextEditingController para lograrlo.
Pasos de implementación
- Cree un objeto TextEditingController.
- Aplique el objeto TextEditingController al TextField.
- Obtenga el contenido del cuadro de texto a través del objeto TextEditingController.
Asigne el objeto TextEditingController a la propiedad del controlador de TextField para asociar el cuadro de texto con el objeto TextEditingController.
Después de aplicar TextEditingController al cuadro de texto, puede obtener el valor y puede obtener el contenido de entrada del cuadro de texto a través del método text () proporcionado por TextEditingController.
Ejemplo
//创建 TextEditingController 对象
var _titleTxt = new TextEditingController();
new TextField(
controller: _titleTxt,//把 TextEditingController 对象应用到 TextField 上
keyboardType: TextInputType.number,
decoration: InputDecoration(
contentPadding: EdgeInsets.all(10.0),
labelText: '标题',
helperText: '请输入标题',
),
//获取文本框内容
var content = _titleTxt.text;
** PD: Para obtener más contenido emocionante, verifique -> "Desarrollo de Flutter"
** PD: Para obtener contenido más emocionante, verifique -> "Desarrollo de Flutter"
** PD: Para obtener contenido más emocionante, verifique -> "Desarrollo de aleteo"