flutte的EditText

TextField相当于Android中的EditText：

TextField( decoration: new InputDecoration(hintText: "This is a hint"),// 提示语
 )

  

 

  
1
  
2
  
3
 

获取TextField的值：

  TextEditingController _name = TextEditingController();


TextField( controller: _name,// 控制器 decoration: new InputDecoration(hintText: "This is a hint"), onChanged: (value){// 双向绑定 this.setState(() { this._name.text = value; }); }, ),

  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
  
10
  
11
  
12
 

示例：

import 'dart:convert';
import 'dart:isolate';
import 'package:dio/dio.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

void main() => runApp(DemoApp());

class DemoApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) { return new MaterialApp( title: '导航演示1', home: new MyAppHome(), );
  }
}

class MyAppHome extends StatefulWidget {
  @override
  _MyAppHomeState createState() => _MyAppHomeState();
}

class _MyAppHomeState extends State<MyAppHome> {
  TextEditingController _name = TextEditingController(); @override
  Widget build(BuildContext context) { return new Scaffold( body: Center( child: new TextField( controller: _name, decoration: new InputDecoration(hintText: "This is a hint"), onChanged: (value){ this.setState(() { this._name.text = value; }); }, ), ), );
  }
}


  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
  
10
  
11
  
12
  
13
  
14
  
15
  
16
  
17
  
18
  
19
  
20
  
21
  
22
  
23
  
24
  
25
  
26
  
27
  
28
  
29
  
30
  
31
  
32
  
33
  
34
  
35
  
36
  
37
  
38
  
39
  
40
  
41
  
42
  
43
  
44
 

文章来源: blog.csdn.net，作者：WongKyunban，版权归原作者所有，如需转载，请联系作者。

原文链接：blog.csdn.net/weixin_40763897/article/details/108203655