使用flutter 3.0制作一个登录界面
时间: 2024-05-08 09:22:02 浏览: 10
好的,以下是一个简单的登录界面示例,你可以在此基础上进行修改和完善:
```dart
import 'package:flutter/material.dart';
class LoginPage extends StatefulWidget {
@override
_LoginPageState createState() => _LoginPageState();
}
class _LoginPageState extends State<LoginPage> {
final TextEditingController _usernameController = TextEditingController();
final TextEditingController _passwordController = TextEditingController();
@override
Widget build(BuildContext context) {
return Scaffold(
body: Container(
padding: EdgeInsets.all(16.0),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
TextFormField(
controller: _usernameController,
decoration: InputDecoration(
labelText: '用户名',
),
),
SizedBox(height: 16.0),
TextFormField(
controller: _passwordController,
decoration: InputDecoration(
labelText: '密码',
),
obscureText: true,
),
SizedBox(height: 32.0),
ElevatedButton(
onPressed: () {
// 登录按钮的点击事件
},
child: Text('登录'),
),
],
),
),
);
}
}
```
这个登录界面包含了一个用户名输入框、一个密码输入框和一个登录按钮。当用户在输入框中输入完用户名和密码后,点击登录按钮即可触发登录事件。
你可以在`// 登录按钮的点击事件`处添加你的登录逻辑代码。