feat: 资料编辑
This commit is contained in:
177
lib/pages/mine_edit/view.dart
Normal file
177
lib/pages/mine_edit/view.dart
Normal file
@ -0,0 +1,177 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:get/get.dart';
|
||||
|
||||
import 'controller.dart';
|
||||
|
||||
class MineEditPage extends StatefulWidget {
|
||||
const MineEditPage({super.key});
|
||||
|
||||
@override
|
||||
State<MineEditPage> createState() => _MineEditPageState();
|
||||
}
|
||||
|
||||
class _MineEditPageState extends State<MineEditPage> {
|
||||
final MineEditController ctr = Get.put(MineEditController());
|
||||
late Future _futureBuilderFuture;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_futureBuilderFuture = ctr.getAccountInfo();
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
appBar: AppBar(
|
||||
title: const Text('编辑资料'),
|
||||
),
|
||||
body: SingleChildScrollView(
|
||||
padding: const EdgeInsets.all(16.0),
|
||||
child: FutureBuilder(
|
||||
future: _futureBuilderFuture,
|
||||
builder: ((context, snapshot) {
|
||||
if (snapshot.connectionState == ConnectionState.done) {
|
||||
if (snapshot.data == null) {
|
||||
return const SizedBox();
|
||||
}
|
||||
if (snapshot.data['status']) {
|
||||
return Form(
|
||||
key: ctr.formKey,
|
||||
child: Column(
|
||||
children: [
|
||||
// 用户头像
|
||||
// InkWell(
|
||||
// onTap: () {},
|
||||
// child: CircleAvatar(
|
||||
// radius: 50,
|
||||
// backgroundColor: Colors.transparent,
|
||||
// backgroundImage:
|
||||
// NetworkImage(ctr.userInfo.face), // 替换为实际的头像路径
|
||||
// ),
|
||||
// ),
|
||||
const SizedBox(height: 24.0),
|
||||
// 昵称
|
||||
TextFormField(
|
||||
controller: ctr.unameCtr,
|
||||
decoration: const InputDecoration(
|
||||
labelText: '昵称',
|
||||
border: OutlineInputBorder(),
|
||||
),
|
||||
validator: (value) {
|
||||
if (value == null || value.isEmpty) {
|
||||
return '请输入昵称';
|
||||
}
|
||||
return null;
|
||||
},
|
||||
),
|
||||
const SizedBox(height: 20.0),
|
||||
// 用户名
|
||||
TextFormField(
|
||||
controller: ctr.useridCtr,
|
||||
decoration: const InputDecoration(
|
||||
labelText: '用户名',
|
||||
border: OutlineInputBorder(),
|
||||
enabled: false,
|
||||
),
|
||||
readOnly: true,
|
||||
validator: (value) {
|
||||
if (value == null || value.isEmpty) {
|
||||
return '请输入用户名';
|
||||
}
|
||||
return null;
|
||||
},
|
||||
),
|
||||
const SizedBox(height: 20.0),
|
||||
// 签名
|
||||
TextFormField(
|
||||
controller: ctr.signCtr,
|
||||
decoration: const InputDecoration(
|
||||
labelText: '签名',
|
||||
border: OutlineInputBorder(),
|
||||
),
|
||||
validator: (value) {
|
||||
if (value == null || value.isEmpty) {
|
||||
return '请输入签名';
|
||||
}
|
||||
return null;
|
||||
},
|
||||
),
|
||||
const SizedBox(height: 20.0),
|
||||
// 性别
|
||||
DropdownButtonFormField<String>(
|
||||
value: ctr.sex,
|
||||
decoration: const InputDecoration(
|
||||
labelText: '性别',
|
||||
border: OutlineInputBorder(),
|
||||
),
|
||||
items: ['男', '女', '保密'].map((String value) {
|
||||
return DropdownMenuItem<String>(
|
||||
value: value,
|
||||
child: Text(value),
|
||||
);
|
||||
}).toList(),
|
||||
onChanged: (newValue) {
|
||||
ctr.sex = newValue;
|
||||
},
|
||||
validator: (value) {
|
||||
if (value == null || value.isEmpty) {
|
||||
return '请选择性别';
|
||||
}
|
||||
return null;
|
||||
},
|
||||
),
|
||||
const SizedBox(height: 20.0),
|
||||
// 出生日期
|
||||
TextFormField(
|
||||
controller: ctr.birthdayCtr,
|
||||
decoration: const InputDecoration(
|
||||
labelText: '出生日期',
|
||||
border: OutlineInputBorder(),
|
||||
),
|
||||
enabled: false,
|
||||
readOnly: true,
|
||||
onTap: () async {
|
||||
// DateTime? pickedDate = await showDatePicker(
|
||||
// context: context,
|
||||
// initialDate: DateTime(1995, 12, 23),
|
||||
// firstDate: DateTime(1900),
|
||||
// lastDate: DateTime(2100),
|
||||
// );
|
||||
// if (pickedDate != null) {
|
||||
// ctr.birthdayCtr.text =
|
||||
// "${pickedDate.toLocal()}".split(' ')[0];
|
||||
// }
|
||||
},
|
||||
validator: (value) {
|
||||
if (value == null || value.isEmpty) {
|
||||
return '请选择出生日期';
|
||||
}
|
||||
return null;
|
||||
},
|
||||
),
|
||||
const SizedBox(height: 30.0),
|
||||
// 提交按钮
|
||||
ElevatedButton(
|
||||
onPressed: () {
|
||||
if (ctr.formKey.currentState!.validate()) {
|
||||
// 处理表单提交
|
||||
ctr.updateAccountInfo();
|
||||
}
|
||||
},
|
||||
child: const Text('提交'),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
} else {
|
||||
return const SizedBox();
|
||||
}
|
||||
} else {
|
||||
return const SizedBox();
|
||||
}
|
||||
})),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user