Flutter-TextField初始化值和選中取值
import 'package:flutter/material.dart';
class PersonalCenterInformationScreen extends StatefulWidget {
@override
_PersonalCenterInformationScreenState createState() => _PersonalCenterInformationScreenState();
}
class _PersonalCenterInformationScreenState extends State<PersonalCenterInformationScreen> {
//初始化賦值
var _username = new TextEditingController();
var age = new TextEditingController();
var _userName;
@override
void initState() {
// TODO: implement initState
super.initState();
this._username.text = '李家長';
this.age.text = '18';
}
@override
Widget build(BuildContext context) {
final width = MediaQuery.of(context).size.width;
return Scaffold(
appBar: AppBar(
title:Text('學生個人信息')
),
body: Padding(
padding: EdgeInsets.all(10),
child: Column(
children: <Widget>[
Row(
children: <Widget>[
Container(
child: Text(
'姓名:',
style: TextStyle(
fontWeight: FontWeight.bold,
fontSize: 15
),
),
),
Container(
width: width*0.7,
child: TextField(
decoration: InputDecoration(
hintText: '請輸入名字',
),
//利用控制器初始化
controller: this._username,
//發生改變事賦值
onChanged:(val){
this._userName = val;
} ,
),
),
],
),
Row(
children: <Widget>[
Container(
child: Text(
'年齡:',
style: TextStyle(
fontWeight: FontWeight.bold,
fontSize: 15
),
),
),
Container(
width: width*0.7,
child: TextField(
decoration: InputDecoration(
hintText: '請輸入年齡',
),
controller: this.age,
),
),
],
),
Row(
children: <Widget>[
Container(
child: Text(
'性別:',
style: TextStyle(
fontWeight: FontWeight.bold,
fontSize: 15
),
),
),
],
),
Container(
width: double.infinity,
child: RaisedButton(
child: Text('修改'),
onPressed: (){
//輸出控制台
print(this._userName);
},
),
),
],
),
),
);
}
}
test
Flutter-TextField初始化值和選中取值的更多相关文章
- Mybatis映射文件中#取值时指定参数相关规则
Mybatis映射文件中#取值时指定参数相关规则 在#{}中,除了需要的数值外,还可以规定参数的一些其他规则. 例如:javaType,jdbcType,mode(存储过程),numericScale ...
- 从cookie中取值$.cookie()
从cookie中取值: var userid = $.cookie("remoteuserid");例子: function delUser() { var table = ...
- layui从url中取值 ajax获取当前链接中的变量
在使用layui(javascript)的时候, 需要从当前页面的url地址中取值, 例如: http://localhost:8081/html/fund-purchase.html?fundID ...
- jquery data方法取值与js attr取值的区别
<a data-v="3"></a> jquery data方法的运行机制: 第一次查找dom,使用attributes获取到dom节点值,并将其值存到缓存 ...
- Map 遍历取值及jstl的取值
Map 遍历取值及jstl的取值 学习了:http://blog.csdn.net/yanjiaye520/article/details/17354239 1.Java map的便利取值 Java代 ...
- Python 字符串——巧取值和列表——巧取值 对比
Python 字符串——巧取值和列表——巧取值 对比 1.字符串取值实例: samp_string = "Whatever you are, be a good one." for ...
- set类型没有单独取值功能 通过循环取值
set类型没有单独取值功能 通过循环取值
- struts2 与 OGNL 表达式,jsp中 利用ognl 在valuestack中取值
在Struts2中,一个请求在终于到达Action的方法之前,Action对象本身会被压入ValueStack(实际上就是放到ValueStack的CompoundRoot中),所以Action对象是 ...
- bootstrap timepicker 在angular中取值赋值 并转化为时间戳
上一篇我们讲到angular对于timepicker的一个封装后的插件angular-bootstrap-timepicker,但是由于angular的版本必须是v1.2.30以上的.对于有些涉及到多 ...
随机推荐
- TimeUtils
public class TimeUtils { public static final int YEAR = 0; public static final int MONTH = 1; public ...
- JAVA 8 :从永久区(PermGen)到元空间(Metaspace)
你注意到了吗?JDK 8早期可访问版本已经提供下载了,java 开发人员可以使用java 8 提供的新的语言和运行特性来做一些实验.其中一个特性就是完全的移除永久代(Permanent Generat ...
- 十三、python列表方法汇总
'''1.append():更新列表'''l=[]l.append('111')l.append('[123,456]')print l-------------------------------- ...
- 图书-软件架构:《Design Patterns: Elements of Reusable Object-Oriented Software》(即后述《设计模式》一书)
ylbtech-图书-软件架构:<Design Patterns: Elements of Reusable Object-Oriented Software>(即后述<设计模式&g ...
- Powershell指令集_2
目录 目录 获取证书 Get-Childitem 调用REST API Invoke-RestMethod 选择对象属性 Select-Object 导入模块 Invoke-Expression 路径 ...
- 阶段1 语言基础+高级_1-3-Java语言高级_06-File类与IO流_04 IO字节流_1_IO概述(概念&分类)
- UI自动化之读取浏览器配置
以火狐浏览器为例 目录 1.找到配置项 2.读取配置 1.找到配置项 打开Firefox点右上角设置>?(帮助)>故障排除信息>显示文件夹,复制文件管理器地址栏 2.读取配置 用Fi ...
- 券商VIP交易通道
打新不成就炒新.随着新股发行上市的再次重启,巨大的获利机会引来投资者的争相竞逐,可并非所有投资者都能抢到新股筹码.“每天都在涨停板追这些新股,但从来没有买到过.”证券时报记者在采访中听到不少中小散户如 ...
- 不起眼的vim.转自https://blog.csdn.net/iplayvs2008/article/details/51508599
如果我的关于这个话题的最新帖子没有提醒到你的话,那我明确地说,我是一个 Vim 的粉丝.所以在你们中的某些人向我扔石头之前,我先向你们展示一系列“鲜为人知的 Vim 命令”.我的意思是,一些你可能以前 ...
- TensorFlow学习笔记11-开始用TensorFlow
TensorFlow运作方式 要用到的代码都在Github上.当然,如果你本地装了TensorFlow,也可以用Everything直接搜索以下文件: mnist.py fully_connected ...