Jason/zh-chat-flutter
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

助记词校验,登录

Browse Source
This commit is contained in:
Jason.Chen
2022-10-26 17:29:01 +08:00
parent 875b44ffb9
commit 3dee865926
8 changed files with 217 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

122
lib/views/auth/create/verify_page.dart
View File

@@ -1,4 +1,6 @@
import 'package:chat/configs/app_colors.dart';
import 'package:chat/routes/app_routes.dart';
import 'package:chat/services/auth_service.dart';
import 'package:flutter/material.dart';
import 'package:get/get.dart';
@@ -11,13 +13,21 @@ class AuthCreateVerifyPage extends StatefulWidget {
class _AuthCreateVerifyPageState extends State<AuthCreateVerifyPage> {
late final List<String> _mnemonicList;
late final List<String> _originList;
List<String> _sureList = List<String>.generate(12, (index) => '');
@override
void initState() {
super.initState();
Get.arguments['language'];
var m = Get.arguments['mnemonic'] as List<String>;
_originList = List.from(m);
m.shuffle();
_mnemonicList = m;
setState(() {
_sureList = _originList;
});
}
@override
@@ -26,25 +36,103 @@ class _AuthCreateVerifyPageState extends State<AuthCreateVerifyPage> {
appBar: AppBar(
title: const Text('校验助记词'),
),
body: _moArea(_mnemonicList),
body: ListView(
padding: const EdgeInsets.all(16),
children: [
_sureArea(),
const Padding(
padding: EdgeInsets.symmetric(vertical: 8),
child: Text('请按正确顺序点击您所备份的助记词'),
),
_moArea(_mnemonicList),
const SizedBox(height: 16),
Row(
mainAxisAlignment: MainAxisAlignment.spaceAround,
children: [
ElevatedButton(
onPressed: () {
setState(() {
_sureList = List<String>.generate(12, (index) => '');
});
},
child: const Text('重新输入'),
),
ElevatedButton(
onPressed: _originList.join('') == _sureList.join('')
? () async {
var result =
await AuthService.to.login(_originList.join(' '));
if (result) {
Get.offAllNamed(AppRoutes.app);
}
}
: null,
child: const Text('确认备份'),
),
],
),
],
),
);
}
Widget _sureArea() {
return GridView.builder(
shrinkWrap: true,
physics: const ClampingScrollPhysics(),
gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 2,
childAspectRatio: 4.5 / 1,
crossAxisSpacing: 8,
mainAxisSpacing: 8,
),
itemCount: 12,
itemBuilder: (_, i) {
return Container(
padding: const EdgeInsets.all(8),
decoration: BoxDecoration(
border: Border.all(
color: AppColors.border,
width: 1,
),
borderRadius: BorderRadius.circular(8),
),
child: Text(
'${i + 1}. ${_sureList[i]}',
style: const TextStyle(
fontSize: 16,
),
),
);
},
);
}
Widget _moArea(List<String> mnemonic) {
return Padding(
padding: const EdgeInsets.all(16.0),
child: GridView.builder(
gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 2,
childAspectRatio: 4.5 / 1,
crossAxisSpacing: 8,
mainAxisSpacing: 8,
),
itemCount: mnemonic.length,
itemBuilder: (_, i) {
return Container(
return GridView.builder(
shrinkWrap: true,
physics: const ClampingScrollPhysics(),
gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 2,
childAspectRatio: 4.5 / 1,
crossAxisSpacing: 8,
mainAxisSpacing: 8,
),
itemCount: mnemonic.length,
itemBuilder: (_, i) {
return InkWell(
onTap: !_sureList.contains(mnemonic[i])
? () {
int len = _sureList.where((element) => element != '').length;
setState(() {
_sureList[len] = mnemonic[i];
});
}
: null,
child: Container(
padding: const EdgeInsets.all(8),
decoration: BoxDecoration(
color: _sureList.contains(mnemonic[i]) ? AppColors.primary : null,
border: Border.all(
color: AppColors.border,
width: 1,
@@ -52,14 +140,14 @@ class _AuthCreateVerifyPageState extends State<AuthCreateVerifyPage> {
borderRadius: BorderRadius.circular(8),
),
child: Text(
'${i + 1}. ${mnemonic[i]}',
mnemonic[i],
style: const TextStyle(
fontSize: 16,
),
),
);
},
),
),
);
},
);
}
}

44
lib/views/auth/import/index_page.dart
View File

@@ -1,7 +1,6 @@
import 'package:chat/configs/app_colors.dart';
import 'package:chat/routes/app_routes.dart';
import 'package:chat/services/auth_service.dart';
import 'package:chat/utils/hd_wallet.dart';
import 'package:flutter/material.dart';
import 'package:get/get.dart';
@@ -13,24 +12,7 @@ class AuthImportPage extends StatefulWidget {
}
class _AuthImportPageState extends State<AuthImportPage> {
final TextEditingController _editingController = TextEditingController();
@override
void initState() {
super.initState();
setState(() {
_editingController.text =
'demise sell awesome tragic faith village party elbow lady leopard wrestle civil';
});
}
@override
void dispose() {
_editingController.dispose();
super.dispose();
}
String _mn = '';
@override
Widget build(BuildContext context) {
return Scaffold(
@@ -42,7 +24,6 @@ class _AuthImportPageState extends State<AuthImportPage> {
child: Column(
children: [
TextField(
controller: _editingController,
maxLines: 5,
decoration: const InputDecoration(
hintText: '请输入您的助记词，以空格分割单词或汉字',
@@ -53,21 +34,24 @@ class _AuthImportPageState extends State<AuthImportPage> {
),
),
),
onChanged: (e) {
setState(() {
_mn = e;
});
},
),
const SizedBox(height: 16),
const Text('支持导入所有遵循BIP标准生成的助记词'),
const SizedBox(height: 16),
ElevatedButton(
onPressed: () async {
String? address =
HDWallet.mnemonicToAddress(_editingController.text);
if (address != null) {
var result = await AuthService.to.login(address);
if (result) {
Get.offAllNamed(AppRoutes.app);
}
}
},
onPressed: _mn.isNotEmpty
? () async {
var result = await AuthService.to.login(_mn);
if (result) {
Get.offAllNamed(AppRoutes.app);
}
}
: null,
child: const Text('开始导入'),
),
],

96
lib/views/auth/index/index_page.dart
View File

@@ -1,3 +1,4 @@
import 'package:chat/configs/app_colors.dart';
import 'package:chat/routes/auth_routes.dart';
import 'package:flutter/material.dart';
import 'package:get/get.dart';
@@ -13,29 +14,82 @@ class _AuthPageState extends State<AuthPage> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text('ZH-CHAT'),
),
body: Column(
children: [
Row(
mainAxisAlignment: MainAxisAlignment.spaceAround,
children: [
ElevatedButton(
onPressed: () {
Get.toNamed(AuthRoutes.create);
},
child: const Text('创建账户'),
body: Padding(
padding: const EdgeInsets.all(24.0),
child: Column(
children: [
const SizedBox(height: 128),
const Text(
'ZH-CHAT',
style: TextStyle(
fontSize: 48,
fontWeight: FontWeight.bold,
color: AppColors.primary,
),
ElevatedButton(
onPressed: () {
Get.toNamed(AuthRoutes.import);
},
child: const Text('导入账户'),
),
const SizedBox(height: 24),
Image.asset(
'assets/images/login_bg.png',
fit: BoxFit.contain,
color: AppColors.primary,
),
const SizedBox(height: 48),
Container(
decoration: BoxDecoration(
color: AppColors.active,
borderRadius: BorderRadius.circular(8),
image: const DecorationImage(
image: AssetImage('assets/images/login_bg.png'),
opacity: 0.2,
fit: BoxFit.contain,
alignment: Alignment.topRight,
),
),
],
),
],
padding: const EdgeInsets.all(24),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Text(
'助记词账户',
style: TextStyle(
color: AppColors.white,
fontSize: 24,
fontWeight: FontWeight.bold,
),
),
const SizedBox(height: 40),
Row(
children: [
ElevatedButton(
onPressed: () {
Get.toNamed(AuthRoutes.create);
},
style: ButtonStyle(
backgroundColor: MaterialStateProperty.all(
AppColors.white,
),
),
child: const Text(
'创建账户',
style: TextStyle(
color: AppColors.active,
),
),
),
const SizedBox(width: 16),
ElevatedButton(
onPressed: () {
Get.toNamed(AuthRoutes.import);
},
child: const Text('导入账户'),
),
],
),
],
),
),
],
),
),
);
}