日本免费全黄少妇一区二区三区-高清无码一区二区三区四区-欧美中文字幕日韩在线观看-国产福利诱惑在线网站-国产中文字幕一区在线-亚洲欧美精品日韩一区-久久国产精品国产精品国产-国产精久久久久久一区二区三区-欧美亚洲国产精品久久久久

  1. 首頁 > 云知道 > >

edittext限制輸入類型 edittext限制輸入長度并且顯示

云知道

技術(shù)剛剛好經(jīng)歷近幾年，移動端跨平臺開發(fā)技術(shù)層出不窮，從Facebook家的ReactNative，到阿里家WEEX，前端技術(shù)在移動端跨平臺開發(fā)中大展身手，技術(shù)剛剛好作為一名Android開發(fā)，經(jīng)歷了從Reactjs到Vuejs的不斷學(xué)習(xí) 。而在2018年，我們的主角變成了Flutter，這是Goolge開源的一個移動端跨平臺解決方案，可以快速開發(fā)精美的移動App 。希望跟大家一起學(xué)習(xí)，一起進步！
本文核心要點顧名思義文本輸入框，類似于iOS中的UITextField和Android中的EditText和Web中的TextInput 。主要是為用戶提供輸入文本提供方便 。相信大家在原生客戶端上都用過這個功能，就不在做具體介紹了，接下來還是具體介紹下Flutter中TextField的用法 。

edittext限制輸入類型 edittext限制輸入長度并且顯示


TextField
TextField的構(gòu)造方法：
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,//文字改變觸發(fā)this.onSubmitted,//文字提交觸發(fā)（鍵盤按鍵）this.onEditingComplete,//當(dāng)用戶提交可編輯內(nèi)容時調(diào)用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 {@overrideMyEditTextState createState() => MyEditTextState();}class MyEditTextState extends State<MyEditText> {String results = "";final TextEditingController controller = TextEditingController();@overrideWidget 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)],),),),);}}總結(jié)【edittext限制輸入類型 edittext限制輸入長度并且顯示】這篇文章主要介紹了flutter當(dāng)中TextField控件介紹 。

    推薦閱讀