技术性刚刚好历经
近些年，移动端跨平台开发设计五花八门，从Facebook家的ReactNative，到阿里巴巴家WEEX，前端技术在移动端跨平台开发设计中施展才能，技术性刚刚好作为一名Android开发设计，经历了从Reactjs到Vuejs的坚持学习。而在2018年，大家的主人公变成了Flutter，这也是Goolge开源系统的一个移动端跨平台解决方法，可以快速开发精致的挪动App。期待跟大伙儿一起学习，一起发展！
文中关键关键点
说白了文字输入框，类似iOS中的UITextField和Android中的EditText和Web中的TextInput。关键是为客户给予输入文字排忧解难。坚信我们在原生态手机客户端上面使用过这一作用，就没有在做实际讲解了，下面或是实际讲解下Flutter中TextField的用法。
TextField
TextField的构造函数：
const TextField({
Key key,
this.controller, //控制板，操纵TextField文字
this.focusNode,
this.decoration: const InputDecoration(), //输入器装饰设计
TextInputType keyboardType: TextInputType.text, //输入的种类
this.style,
this.textAlign: TextAlign.start,
this.autofocus: false,
this.obscureText: false, //是不是掩藏输入
this.autocorrect: true,
this.maxLines: 1,
this.maxLength,
this.maxLengthEnforced: true,
this.onChanged, //文字更改开启
this.onSubmitted, //文字递交开启（键盘键位）
this.onEditingComplete, //当客户递交可编写內容时启用
this.inputFormatters,
this.enabled,
this.cursorWidth = 2.0,
this.cursorRadius,
this.cursorColor,
this.keyboardAppearance,
})main.dat文档
import \'package:flutter/material.dart\';
void main() {
runApp(MaterialApp(
home: MyEditText(),
));
}
class MyEditText extends StatefulWidget {
@override
MyEditTextState createState() => MyEditTextState();
}
class MyEditTextState extends State<MyEditText> {
String results = \"\";
final TextEditingController controller = TextEditingController();
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(\"Using EditText\"),
backgroundColor: Colors.red,
),
body: Container(
padding: const EdgeInsets.all(10.0),
child: Center(
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: <Widget>[
TextField(
decoration: InputDecoration(hintText: \"Enter text here...\"),
onSubmitted: (String str) {
setState(() {
results = results \"n\" str;
controller.text = \"\";
});
},
controller: controller,
),
Text(results)
],
),
),
),
);
}
}汇总
这篇文章主要是讲解了flutter之中TextField控制详细介绍。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
