hailin
/
rwadurian
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(mobile): update guide_5 to jpg and add AnimatedSize for smooth transition 

- 将 guide_5.png 改为 guide_5.jpg
- 使用 AnimatedSize 包裹推荐码输入框，切换选项时平滑过渡，消除跳跃闪烁

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
hailin 2025-12-09 17:49:07 -08:00
parent 07448b381b
commit 9dd4bb3ac5
3 changed files with 52 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
frontend/mobile-app/assets/images/guide_5.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 246 KiB

BIN
frontend/mobile-app/assets/images/guide_5.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.1 MiB

99
frontend/mobile-app/lib/features/auth/presentation/pages/guide_page.dart
View File

@ -62,7 +62,7 @@ class _GuidePageState extends ConsumerState<GuidePage> {
subtitle: '你的资产 · 安全透明 · 不可被篡改',
),
GuidePageData(
imagePath: 'assets/images/guide_5.png',
imagePath: 'assets/images/guide_5.jpg',
title: '欢迎加入',
subtitle: '创建账号前的最后一步 · 请选择是否有推荐人',
),
@ -563,55 +563,60 @@ class _WelcomePageContentState extends ConsumerState<_WelcomePageContent> {
),
),
SizedBox(height: 14.h),
// 推荐码输入框
if (_hasReferrer)
Container(
padding: EdgeInsets.symmetric(vertical: 8.h, horizontal: 4.w),
decoration: BoxDecoration(
border: Border(
bottom: BorderSide(
width: 1,
color: Colors.white.withValues(alpha: 0.5),
),
),
),
child: Row(
children: [
Expanded(
child: TextField(
controller: _referralCodeController,
decoration: InputDecoration(
hintText: '请输入推荐码 / 序列号',
hintStyle: TextStyle(
fontSize: 16.sp,
color: Colors.white.withValues(alpha: 0.6),
// 推荐码输入框 - 使用 AnimatedSize 平滑过渡
AnimatedSize(
duration: const Duration(milliseconds: 200),
curve: Curves.easeInOut,
child: _hasReferrer
? Container(
padding: EdgeInsets.symmetric(vertical: 8.h, horizontal: 4.w),
decoration: BoxDecoration(
border: Border(
bottom: BorderSide(
width: 1,
color: Colors.white.withValues(alpha: 0.5),
),
border: InputBorder.none,
isDense: true,
contentPadding: EdgeInsets.zero,
),
style: TextStyle(
fontSize: 16.sp,
color: Colors.white,
),
cursorColor: Colors.white,
),
),
// 扫码按钮
GestureDetector(
onTap: _openQrScanner,
child: Padding(
padding: EdgeInsets.only(left: 8.w),
child: Icon(
Icons.camera_alt_outlined,
size: 20.sp,
color: Colors.white.withValues(alpha: 0.8),
),
),
),
],
),
),
child: Row(
children: [
Expanded(
child: TextField(
controller: _referralCodeController,
decoration: InputDecoration(
hintText: '请输入推荐码 / 序列号',
hintStyle: TextStyle(
fontSize: 16.sp,
color: Colors.white.withValues(alpha: 0.6),
),
border: InputBorder.none,
isDense: true,
contentPadding: EdgeInsets.zero,
),
style: TextStyle(
fontSize: 16.sp,
color: Colors.white,
),
cursorColor: Colors.white,
),
),
// 扫码按钮
GestureDetector(
onTap: _openQrScanner,
child: Padding(
padding: EdgeInsets.only(left: 8.w),
child: Icon(
Icons.camera_alt_outlined,
size: 20.sp,
color: Colors.white.withValues(alpha: 0.8),
),
),
),
],
),
)
: const SizedBox.shrink(),
),
SizedBox(height: 24.h),
// 没有推荐人选项
GestureDetector(