Flutter - 登陆页面

it2022-05-05  184

import 'package:flutter/material.dart'; class editviewdemo extends StatelessWidget{ @override Widget build(BuildContext context) { return new MaterialApp( title: "xxx", home: MyEditPage(), ); } } class MyEditPage extends StatefulWidget{ @override State<StatefulWidget> createState() { return EditTextState(); } } class EditTextState extends State<MyEditPage>{ TextEditingController phoneController = TextEditingController(); TextEditingController passController = TextEditingController(); @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text("xxx")), body: Column( //列 children: <Widget>[ TextField( controller: phoneController, decoration: InputDecoration( contentPadding: EdgeInsets.all(10.0), icon: Icon(Icons.text_fields), labelText: "请输入你的姓名", ), ), TextField( controller: passController, decoration: InputDecoration( contentPadding: EdgeInsets.all(10.0), icon: Icon(Icons.text_fields), labelText: "请输入你的密码", ), ), RaisedButton( child: Text("登陆"), onPressed: _login, ) ], ), ); } void _login() { print({'phone': phoneController.text, 'password': passController.text}); } }

 


最新回复(0)