Ecosystem/cake_wallet
1
0
Fork 0
mirror of https://github.com/cake-tech/cake_wallet.git synced 2025-01-10 12:54:38 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Make button dock float

Browse source
This commit is contained in:
tuxpizza 2024-12-21 19:38:55 -05:00
parent ac1c198940
commit 39bebfdd6a
1 changed files with 196 additions and 109 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

305
lib/src/screens/dashboard/dashboard_page.dart
View file

@ -1,4 +1,5 @@
import 'dart:async'; import 'dart:async';
import 'dart:ui';
import 'package:cake_wallet/core/wallet_connect/wc_bottom_sheet_service.dart'; import 'package:cake_wallet/core/wallet_connect/wc_bottom_sheet_service.dart';
import 'package:cake_wallet/entities/preferences_key.dart'; import 'package:cake_wallet/entities/preferences_key.dart';
import 'package:cake_wallet/di.dart'; import 'package:cake_wallet/di.dart';
@ -59,13 +60,14 @@ class _DashboardPageState extends State<DashboardPage> {
void initState() { void initState() {
super.initState(); super.initState();
bool isMobileLayout = bool isMobileLayout = responsiveLayoutUtil.screenWidth <
responsiveLayoutUtil.screenWidth < ResponsiveLayoutUtilBase.kMobileThreshold; ResponsiveLayoutUtilBase.kMobileThreshold;
reaction((_) => responsiveLayoutUtil.screenWidth, (screenWidth) { reaction((_) => responsiveLayoutUtil.screenWidth, (screenWidth) {
// Check if it was previously in mobile layout, and now changing to desktop // Check if it was previously in mobile layout, and now changing to desktop
if (isMobileLayout && if (isMobileLayout &&
screenWidth > ResponsiveLayoutUtilBase.kDesktopMaxDashBoardWidthConstraint) { screenWidth >
ResponsiveLayoutUtilBase.kDesktopMaxDashBoardWidthConstraint) {
setState(() { setState(() {
isMobileLayout = false; isMobileLayout = false;
}); });
@ -73,7 +75,8 @@ class _DashboardPageState extends State<DashboardPage> {
// Check if it was previously in desktop layout, and now changing to mobile // Check if it was previously in desktop layout, and now changing to mobile
if (!isMobileLayout && if (!isMobileLayout &&
screenWidth <= ResponsiveLayoutUtilBase.kDesktopMaxDashBoardWidthConstraint) { screenWidth <=
ResponsiveLayoutUtilBase.kDesktopMaxDashBoardWidthConstraint) {
setState(() { setState(() {
isMobileLayout = true; isMobileLayout = true;
}); });
@ -134,13 +137,15 @@ class _DashboardPageView extends BasePage {
@override @override
Widget Function(BuildContext, Widget) get rootWrapper => Widget Function(BuildContext, Widget) get rootWrapper =>
(BuildContext context, Widget scaffold) => GradientBackground(scaffold: scaffold); (BuildContext context, Widget scaffold) =>
GradientBackground(scaffold: scaffold);
@override @override
bool get resizeToAvoidBottomInset => false; bool get resizeToAvoidBottomInset => false;
@override @override
Widget get endDrawer => MenuWidget(dashboardViewModel, ValueKey('dashboard_page_drawer_menu_widget_key')); Widget get endDrawer => MenuWidget(
dashboardViewModel, ValueKey('dashboard_page_drawer_menu_widget_key'));
@override @override
Widget leading(BuildContext context) { Widget leading(BuildContext context) {
@ -160,7 +165,8 @@ class _DashboardPageView extends BasePage {
return SyncIndicator( return SyncIndicator(
key: ValueKey('dashboard_page_sync_indicator_button_key'), key: ValueKey('dashboard_page_sync_indicator_button_key'),
dashboardViewModel: dashboardViewModel, dashboardViewModel: dashboardViewModel,
onTap: () => Navigator.of(context, rootNavigator: true).pushNamed(Routes.connectionSync), onTap: () => Navigator.of(context, rootNavigator: true)
.pushNamed(Routes.connectionSync),
); );
} }
@ -168,7 +174,8 @@ class _DashboardPageView extends BasePage {
Widget trailing(BuildContext context) { Widget trailing(BuildContext context) {
final menuButton = Image.asset( final menuButton = Image.asset(
'assets/images/menu.png', 'assets/images/menu.png',
color: Theme.of(context).extension<DashboardPageTheme>()!.pageTitleTextColor, color:
Theme.of(context).extension<DashboardPageTheme>()!.pageTitleTextColor,
); );
return Container( return Container(
@ -190,7 +197,8 @@ class _DashboardPageView extends BasePage {
final BottomSheetService bottomSheetService; final BottomSheetService bottomSheetService;
final WalletAddressListViewModel addressListViewModel; final WalletAddressListViewModel addressListViewModel;
int get initialPage => dashboardViewModel.shouldShowMarketPlaceInDashboard ? 1 : 0; int get initialPage =>
dashboardViewModel.shouldShowMarketPlaceInDashboard ? 1 : 0;
ObservableList<Widget> pages = ObservableList<Widget>(); ObservableList<Widget> pages = ObservableList<Widget>();
bool _isEffectsInstalled = false; bool _isEffectsInstalled = false;
StreamSubscription<bool>? _onInactiveSub; StreamSubscription<bool>? _onInactiveSub;
@ -219,14 +227,18 @@ class _DashboardPageView extends BasePage {
_setEffects(context); _setEffects(context);
return SafeArea( return SafeArea(
minimum: EdgeInsets.only(bottom: 24), minimum: EdgeInsets.only(bottom: 0),
child: BottomSheetListener( child: BottomSheetListener(
bottomSheetService: bottomSheetService, bottomSheetService: bottomSheetService,
child: Column( child: Container(
mainAxisSize: MainAxisSize.max, child: Stack(
children: <Widget>[ fit: StackFit.expand,
Expanded( alignment: Alignment.bottomCenter,
child: Observer( //mainAxisSize: MainAxisSize.max,
//alignment: Alignment.bottomCenter,
children: <Widget>[
//new Expanded(
Observer(
builder: (context) { builder: (context) {
return PageView.builder( return PageView.builder(
key: ValueKey('dashboard_page_view_key'), key: ValueKey('dashboard_page_view_key'),
@ -236,101 +248,173 @@ class _DashboardPageView extends BasePage {
); );
}, },
), ),
), //),
Padding( Positioned(
padding: EdgeInsets.only(bottom: 24, top: 10), top: 540,
child: Observer( child: Container(
builder: (context) { alignment: Alignment.bottomCenter,
return Semantics( padding: EdgeInsets.only(top: 50),
button: false, child: Observer(
label: 'Page Indicator', builder: (context) {
hint: 'Swipe to change page', return Semantics(
excludeSemantics: true, button: false,
child: SmoothPageIndicator( label: 'Page Indicator',
controller: controller, hint: 'Swipe to change page',
count: pages.length, excludeSemantics: true,
effect: ColorTransitionEffect( child: SmoothPageIndicator(
spacing: 6.0, controller: controller,
radius: 6.0, count: pages.length,
dotWidth: 6.0, effect: ColorTransitionEffect(
dotHeight: 6.0, spacing: 6.0,
dotColor: Theme.of(context) radius: 6.0,
.extension<DashboardPageTheme>()! dotWidth: 6.0,
.indicatorDotTheme dotHeight: 6.0,
.indicatorColor, dotColor: Theme.of(context)
activeDotColor: Theme.of(context) .extension<DashboardPageTheme>()!
.extension<DashboardPageTheme>()! .indicatorDotTheme
.indicatorDotTheme .indicatorColor,
.activeIndicatorColor, activeDotColor: Theme.of(context)
), .extension<DashboardPageTheme>()!
), .indicatorDotTheme
); .activeIndicatorColor,
}, ),
),
),
Observer(
builder: (_) {
return ClipRect(
child: Container(
margin: const EdgeInsets.only(left: 16, right: 16),
child: Container(
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(50.0),
border: Border.all(
color: Theme.of(context).extension<BalancePageTheme>()!.cardBorderColor,
width: 1,
), ),
color: Theme.of(context) );
.extension<SyncIndicatorTheme>()! },
.syncedBackgroundColor, ),
), ),
),
Positioned(
top: 560,
bottom: 0,
left: 0,
right: 0,
child: Observer(
builder: (_) {
return ClipRect(
child: Container( child: Container(
padding: EdgeInsets.symmetric(horizontal: 10), decoration: BoxDecoration(
child: Row( gradient: LinearGradient(
mainAxisAlignment: MainAxisAlignment.spaceBetween, begin: Alignment.topCenter,
children: MainActions.all end: Alignment.bottomCenter,
.where((element) => element.canShow?.call(dashboardViewModel) ?? true) colors: <Color>[
.map( Theme.of(context)
(action) => Expanded( .extension<DashboardPageTheme>()!
child: Semantics( .thirdGradientBackgroundColor
button: true, .withAlpha(10),
enabled: (action.isEnabled?.call(dashboardViewModel) ?? true), Theme.of(context)
child: ActionButton( .extension<DashboardPageTheme>()!
key: ValueKey( .thirdGradientBackgroundColor
'dashboard_page_${action.name(context)}_action_button_key'), .withAlpha(75),
image: Image.asset( Theme.of(context)
action.image, .extension<DashboardPageTheme>()!
height: 24, .thirdGradientBackgroundColor
width: 24, .withAlpha(150),
color: action.isEnabled?.call(dashboardViewModel) ?? true Theme.of(context)
? Theme.of(context) .extension<DashboardPageTheme>()!
.extension<DashboardPageTheme>()! .thirdGradientBackgroundColor
.mainActionsIconColor .withAlpha(200),
: Theme.of(context) Theme.of(context)
.extension<BalancePageTheme>()! .extension<DashboardPageTheme>()!
.labelTextColor, .thirdGradientBackgroundColor
), .withAlpha(250),
title: action.name(context), // Color.fromARGB(10, 245, 8, 82),
onClick: () async => // Color.fromARGB(75, 245, 8, 82),
await action.onTap(context, dashboardViewModel), // Color.fromARGB(150, 245, 8, 82),
textColor: action.isEnabled?.call(dashboardViewModel) ?? true // Color.fromARGB(200, 245, 8, 82),
? null // Color.fromARGB(255, 245, 8, 82),
: Theme.of(context) ],
.extension<BalancePageTheme>()! ),
.labelTextColor, ),
), child: Container(
//alignment: Alignment.bottomCenter,
padding: const EdgeInsets.only(
left: 16, right: 16, bottom: 24, top: 48),
child: ClipRRect(
borderRadius: BorderRadius.circular(50),
child: BackdropFilter(
filter: ImageFilter.blur(sigmaX: 50, sigmaY: 50),
child: Container(
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(50.0),
border: Border.all(
color: Theme.of(context)
.extension<BalancePageTheme>()!
.cardBorderColor,
width: 1,
),
color: Theme.of(context)
.extension<SyncIndicatorTheme>()!
.syncedBackgroundColor,
),
child: Container(
padding: EdgeInsets.symmetric(horizontal: 10),
child: Row(
mainAxisAlignment:
MainAxisAlignment.spaceBetween,
children: MainActions.all
.where((element) =>
element.canShow
?.call(dashboardViewModel) ??
true)
.map(
(action) => Expanded(
child: Semantics(
button: true,
enabled: (action.isEnabled?.call(
dashboardViewModel) ??
true),
child: ActionButton(
key: ValueKey(
'dashboard_page_${action.name(context)}_action_button_key'),
image: Image.asset(
action.image,
height: 24,
width: 24,
color: action.isEnabled?.call(
dashboardViewModel) ??
true
? Theme.of(context)
.extension<
DashboardPageTheme>()!
.mainActionsIconColor
: Theme.of(context)
.extension<
BalancePageTheme>()!
.labelTextColor,
),
title: action.name(context),
onClick: () async =>
await action.onTap(context,
dashboardViewModel),
textColor: action.isEnabled?.call(
dashboardViewModel) ??
true
? null
: Theme.of(context)
.extension<
BalancePageTheme>()!
.labelTextColor,
),
),
),
)
.toList(),
), ),
), ),
) ),
.toList(), ),
//],
),
), ),
), ),
), );
), },
); ),
}, ),
), ],
], ),
), ),
), ),
); );
@ -400,9 +484,10 @@ class _DashboardPageView extends BasePage {
void _showReleaseNotesPopup(BuildContext context) async { void _showReleaseNotesPopup(BuildContext context) async {
final sharedPrefs = await SharedPreferences.getInstance(); final sharedPrefs = await SharedPreferences.getInstance();
final currentAppVersion = final currentAppVersion = VersionComparator.getExtendedVersionNumber(
VersionComparator.getExtendedVersionNumber(dashboardViewModel.settingsStore.appVersion); dashboardViewModel.settingsStore.appVersion);
final lastSeenAppVersion = sharedPrefs.getInt(PreferencesKey.lastSeenAppVersion); final lastSeenAppVersion =
sharedPrefs.getInt(PreferencesKey.lastSeenAppVersion);
final isNewInstall = sharedPrefs.getBool(PreferencesKey.isNewInstall); final isNewInstall = sharedPrefs.getBool(PreferencesKey.isNewInstall);
if (currentAppVersion != lastSeenAppVersion && !isNewInstall!) { if (currentAppVersion != lastSeenAppVersion && !isNewInstall!) {
@ -427,7 +512,8 @@ class _DashboardPageView extends BasePage {
} }
void _showVulnerableSeedsPopup(BuildContext context) async { void _showVulnerableSeedsPopup(BuildContext context) async {
final List<String> affectedWalletNames = await dashboardViewModel.checkAffectedWallets(); final List<String> affectedWalletNames =
await dashboardViewModel.checkAffectedWallets();
if (affectedWalletNames.isNotEmpty) { if (affectedWalletNames.isNotEmpty) {
Future<void>.delayed( Future<void>.delayed(
@ -445,7 +531,8 @@ class _DashboardPageView extends BasePage {
} }
void _showHavenPopup(BuildContext context) async { void _showHavenPopup(BuildContext context) async {
final List<String> havenWalletList = await dashboardViewModel.checkForHavenWallets(); final List<String> havenWalletList =
await dashboardViewModel.checkForHavenWallets();
if (havenWalletList.isNotEmpty) { if (havenWalletList.isNotEmpty) {
Future<void>.delayed( Future<void>.delayed(