zoukankan      html  css  js  c++  java
  • 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*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*0.7,
                      child: TextField(
                        decoration: InputDecoration(
                          hintText: '請輸入年齡',
                        ),
                        controller: this.age,
                      ),
                    ),
                  ],
                ),
                Row(
                  children: <Widget>[
                    Container(
                      child: Text(
                        '性別:',
                        style: TextStyle(
                            fontWeight: FontWeight.bold,
                            fontSize: 15
                        ),
                      ),
                    ),
                  ],
                ),
                Container(
                   double.infinity,
                  child: RaisedButton(
                    child: Text('修改'),
                    onPressed: (){
                      //輸出控制台
                      print(this._userName);
                    },
                  ),
                ),
              ],
            ),
          ),
        );
      }
    }

    test

  • 相关阅读:
    Pycharm破解
    Web UI绕过登录的实现
    使用Docker安装Jenkins服务
    Appium 基于控件左滑操作
    Pytest执行用例报Hint: make sure your test modules/packages have valid Python names.
    Selenium文件上传
    获取Android手机日志
    Linux机器间ssh免密登录
    JMeter中使用Put请求方式请求接口
    python发送post请求上传文件,无法解析上传的文件
  • 原文地址:https://www.cnblogs.com/ssjf/p/11805685.html
Copyright © 2011-2022 走看看