帮我用flutter写个登陆,里面包含账号,密码,记住密码选项
时间: 2023-10-03 16:11:00 浏览: 155
好的,以下是一个简单的登录页面的示例代码:
```dart
import 'package:flutter/material.dart';
class LoginPage extends StatefulWidget {
@override
_LoginPageState createState() => _LoginPageState();
}
class _LoginPageState extends State<LoginPage> {
// 这里定义账号、密码、是否记住密码的变量
String _username = '';
String _password = '';
bool _rememberMe = false;
@override
Widget build(BuildContext context) {
return Scaffold(
body: Padding(
padding: EdgeInsets.all(16.0),
child: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
// 账号输入框
TextFormField(
onChanged: (value) => _username = value,
decoration: InputDecoration(
labelText: '账号',
border: OutlineInputBorder(),
),
),
SizedBox(height: 16.0),
// 密码输入框
TextFormField(
onChanged: (value) => _password = value,
obscureText: true,
decoration: InputDecoration(
labelText: '密码',
border: OutlineInputBorder(),
),
),
SizedBox(height: 16.0),
// 记住密码复选框
Row(
children: [
Checkbox(
value: _rememberMe,
onChanged: (value) =>
setState(() => _rememberMe = value ?? false),
),
Text('记住密码'),
],
),
SizedBox(height: 16.0),
// 登录按钮
ElevatedButton(
onPressed: () {
// 在这里处理登录逻辑
print('账号:$_username,密码:$_password,记住密码:$_rememberMe');
},
child: Text('登录'),
),
],
),
),
),
);
}
}
```
注:这只是一个简单的示例,实际应用中还需要对输入进行校验和登录逻辑进行处理。
阅读全文