国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 系統(tǒng) > Android > 正文

Flutter質(zhì)感設(shè)計之直接輸入

2019-12-12 00:33:48
字體:
供稿:網(wǎng)友

Input控件是質(zhì)感設(shè)計的文本輸入控件,它在用戶每次輸入時都會調(diào)用onChanged回調(diào)時,都會更新字段值,還可以實時的對用戶輸入進行響應(yīng)。

import 'package:flutter/material.dart';class MyApp extends StatefulWidget { @override _MyApp createState() => new _MyApp();}class _MyApp extends State<MyApp> { // InputValue:文本輸入字段的配置信息 InputValue _phoneValue = const InputValue(); InputValue _passwordValue = const InputValue(); void _showMessage(String name) {  showDialog<Null>(   context: context,   child: new AlertDialog(    content: new Text(name),    actions: <Widget>[     new FlatButton(      onPressed: () {       Navigator.pop(context);      },      child: new Text('確定')     )    ]   )  ); } @override Widget build(BuildContext context) {  return new Scaffold(   appBar: new AppBar(    title: new Text('直接輸入')   ),   body: new Column(    children: <Widget> [     new Input(      // value:文本輸入字段的當(dāng)前狀態(tài)      value: _phoneValue,      // keyboardType:用于編輯文本的鍵盤類型      keyboardType: TextInputType.number,      // icon:在輸入字段旁邊顯示的圖標(biāo)      icon: new Icon(Icons.account_circle),      // labelText:顯示在輸入字段上方的文本      labelText: '手機',      // hintText:要在輸入字段中內(nèi)嵌顯示的文本      hintText: '請輸入手機號碼',      // onChanged:正在編輯的文本更改時調(diào)用      onChanged: (InputValue value) {       setState((){        _phoneValue = value;       });      }     ),     new Input(      value: _passwordValue,      // obscureText:是否隱藏正在編輯的文本      obscureText: true,      labelText: '密碼',      onChanged: (InputValue value) {       setState((){        _passwordValue = value;       });      },      // onSubmitted:當(dāng)用戶在鍵盤上點擊完成編輯時調(diào)用      onSubmitted: (InputValue value) {       if(value.text.length<6){        _showMessage('密碼不少于6位');       }      }     ),     new RaisedButton(      child: new Text('提交'),      onPressed: () {       _showMessage(_phoneValue.text+'/'+_passwordValue.text);      }     )    ]   )  ); }}void main() { runApp(new MaterialApp(  title: 'Flutter Demo',  home: new MyApp() ));}

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持武林網(wǎng)。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 湘西| 靖远县| 阜城县| 文化| 延边| 综艺| 德昌县| 新沂市| 鹿邑县| 乌鲁木齐县| 林周县| 临潭县| 甘德县| 沙湾县| 汉源县| 陆河县| 东宁县| 静海县| 噶尔县| 曲阜市| 桦南县| 蒲江县| 含山县| 新龙县| 乌海市| 周口市| 太康县| 平顶山市| 塘沽区| 徐汇区| 米易县| 惠东县| 台中市| 方正县| 杭州市| 德令哈市| 太和县| 岐山县| 友谊县| 青神县| 朔州市|