This commit is contained in:
2026-06-29 12:20:43 +03:00
parent 4b5c6be212
commit 4b548adb9a
7 changed files with 131 additions and 58 deletions
+2 -4
View File
@@ -10,17 +10,15 @@ import '../features/settings/categories/category_manager_screen.dart';
import '../features/onboarding/screen.dart';
import '../shared/models/transaction.dart';
import '../shared/paywall/paywall_screen.dart';
import '../shared/providers/onboarding_provider.dart';
import '../shared/services/onboarding_service.dart';
final _shellKey = GlobalKey<NavigatorState>();
final appRouter = GoRouter(
initialLocation: '/dashboard',
redirect: (context, state) {
final service = ProviderScope.containerOf(context)
.read(onboardingServiceProvider);
final location = state.uri.toString();
if (service.shouldShowOnboarding && location != '/onboarding') {
if (OnboardingService.shouldShowOnboarding && location != '/onboarding') {
return '/onboarding';
}
return null;
+6 -2
View File
@@ -264,7 +264,7 @@ class AppStrings {
String get onboardingWelcome => _ru ? 'Добро пожаловать в' : 'Welcome to';
String get onboardingMultiCurrencyTitle =>
_ru ? 'Все деньги на одном экране' : 'All Your Money, One View';
_ru ? 'Все деньги\nна одном экране' : 'All Your Money,\nOne View';
String get onboardingMultiCurrencyBody => _ru
? 'Счета в разных валютах с автоматической конвертацией по актуальным курсам'
: 'Accounts in different currencies, automatically converted at live exchange rates';
@@ -273,5 +273,9 @@ class AppStrings {
String get onboardingCardsBody => _ru
? 'Наклоните телефон — и карточка оживает. Градиенты, цвета и высота — всё настраивается под вас'
: 'Tilt your phone and watch them respond. Customize gradients, colors and height to make them yours';
String get onboardingGetStarted => _ru ? 'Начать' : 'Get Started';
String get onboardingReadyTitle => _ru ? 'Всё готово' : "You're All Set";
String get onboardingReadyBody => _ru
? 'Если готовы — свайпните вправо, чтобы открыть приложение'
: "If you're ready — swipe right to open the app";
String get onboardingSwipeRight => _ru ? 'Свайп вправо' : 'Swipe Right';
}
+64 -22
View File
@@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:go_router/go_router.dart';
import '../../core/l10n/locale_provider.dart';
import '../../core/services/haptic_service.dart';
import 'provider.dart';
import 'widgets/onboarding_page.dart';
import 'widgets/onboarding_page_indicator.dart';
@@ -22,9 +23,16 @@ class _OnboardingScreenState extends ConsumerState<OnboardingScreen> {
super.dispose();
}
void _finish() {
void _onPageChanged(int page) {
ref.read(onboardingProvider.notifier).setPage(page);
HapticService.light();
if (page == 4) {
HapticService.medium();
ref.read(onboardingProvider.notifier).complete();
context.go('/dashboard');
Future.delayed(const Duration(milliseconds: 400), () {
if (mounted) context.go('/dashboard');
});
}
}
@override
@@ -39,8 +47,7 @@ class _OnboardingScreenState extends ConsumerState<OnboardingScreen> {
Expanded(
child: PageView(
controller: _controller,
onPageChanged: (page) =>
ref.read(onboardingProvider.notifier).setPage(page),
onPageChanged: _onPageChanged,
children: [
OnboardingPage.welcome(welcomeText: s.onboardingWelcome),
OnboardingPage.content(
@@ -53,30 +60,65 @@ class _OnboardingScreenState extends ConsumerState<OnboardingScreen> {
headline: s.onboardingCardsTitle,
description: s.onboardingCardsBody,
),
Center(
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 32),
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
Icon(
Icons.waving_hand_rounded,
size: 72,
color: Theme.of(context).colorScheme.primary,
),
const SizedBox(height: 28),
Text(
s.onboardingReadyTitle,
textAlign: TextAlign.center,
style: Theme.of(context).textTheme.headlineMedium?.copyWith(
fontWeight: FontWeight.bold,
color: Theme.of(context).colorScheme.onSurface,
),
),
const SizedBox(height: 12),
Text(
s.onboardingReadyBody,
textAlign: TextAlign.center,
style: Theme.of(context).textTheme.bodyLarge?.copyWith(
color: Theme.of(context).colorScheme.onSurface.withOpacity(0.5),
),
),
const SizedBox(height: 24),
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(
s.onboardingSwipeRight,
style: Theme.of(context).textTheme.titleMedium?.copyWith(
color: Theme.of(context).colorScheme.primary,
fontWeight: FontWeight.w600,
),
),
const SizedBox(width: 8),
Icon(
Icons.arrow_forward_rounded,
color: Theme.of(context).colorScheme.primary,
),
],
),
],
),
),
),
const SizedBox.shrink(),
],
),
),
Padding(
padding: const EdgeInsets.only(bottom: 48),
child: Column(
children: [
OnboardingPageIndicator(
child: OnboardingPageIndicator(
current: currentPage,
count: 3,
),
const SizedBox(height: 32),
if (currentPage == 2)
Padding(
padding: const EdgeInsets.symmetric(horizontal: 32),
child: SizedBox(
width: double.infinity,
child: ElevatedButton(
onPressed: _finish,
child: Text(s.onboardingGetStarted),
),
),
),
],
count: 5,
),
),
],
@@ -1,4 +1,5 @@
import 'dart:async';
import 'dart:math';
import 'package:flutter/material.dart';
import 'package:sensors_plus/sensors_plus.dart';
@@ -19,8 +20,8 @@ class CashaShimmerText extends StatefulWidget {
class _CashaShimmerTextState extends State<CashaShimmerText>
with SingleTickerProviderStateMixin {
late final AnimationController _controller;
double _tilt = 0.0;
double _targetTilt = 0.0;
double _tiltX = 0.0, _tiltY = 0.0;
double _targetTiltX = 0.0, _targetTiltY = 0.0;
StreamSubscription<AccelerometerEvent>? _sub;
@override
@@ -28,13 +29,14 @@ class _CashaShimmerTextState extends State<CashaShimmerText>
super.initState();
_controller = AnimationController(
vsync: this,
duration: const Duration(seconds: 4),
duration: const Duration(seconds: 5),
)..repeat();
_sub = accelerometerEventStream(
samplingPeriod: const Duration(milliseconds: 50),
).listen((e) {
_targetTilt = (e.x / 9.8).clamp(-1.0, 1.0);
_targetTiltY = (e.x / 9.8).clamp(-1.0, 1.0);
_targetTiltX = ((e.y / 9.8) - 1.0).clamp(-1.0, 1.0);
});
}
@@ -48,33 +50,44 @@ class _CashaShimmerTextState extends State<CashaShimmerText>
@override
Widget build(BuildContext context) {
final primary = Theme.of(context).colorScheme.primary;
final secondary = Theme.of(context).colorScheme.secondary;
return AnimatedBuilder(
animation: _controller,
builder: (context, child) {
_tilt += (_targetTilt - _tilt) * 0.12;
_tiltX += (_targetTiltX - _tiltX) * 0.15;
_tiltY += (_targetTiltY - _tiltY) * 0.15;
final sweep = (_controller.value * 2.0 - 1.0) + _tilt * 0.6;
final t = _controller.value;
final sweepX = sin(t * 2 * pi);
final sweepY = cos(t * 2 * pi);
return ShaderMask(
return Transform(
alignment: Alignment.center,
transform: Matrix4.identity()
..setEntry(3, 2, 0.001)
..rotateX(_tiltX * 0.85)
..rotateY(_tiltY * 0.85),
child: ShaderMask(
shaderCallback: (bounds) {
return LinearGradient(
begin: Alignment(sweep - 0.8, -0.3),
end: Alignment(sweep + 0.8, 0.3),
begin: Alignment(sweepX - 1.2, sweepY - 0.5),
end: Alignment(sweepX + 1.2, sweepY + 0.5),
colors: [
primary.withValues(alpha: 0.7),
primary.withOpacity(0.7),
primary,
secondary,
Colors.white,
primary.withValues(alpha: 0.9),
Colors.white,
secondary,
primary,
primary.withValues(alpha: 0.7),
primary.withOpacity(0.7),
],
stops: [0.0, 0.2, 0.35, 0.45, 0.55, 0.8, 1.0],
stops: [0.0, 0.15, 0.35, 0.5, 0.65, 0.85, 1.0],
).createShader(bounds);
},
blendMode: BlendMode.srcIn,
child: child,
),
);
},
child: Text(
@@ -13,10 +13,12 @@ class OnboardingPageIndicator extends StatelessWidget {
@override
Widget build(BuildContext context) {
final color = Theme.of(context).colorScheme.primary;
final outlineColor = Theme.of(context).colorScheme.secondary;
return Row(
mainAxisAlignment: MainAxisAlignment.center,
children: List.generate(count, (i) {
final isActive = i == current;
final isLast = i == count - 1;
return AnimatedContainer(
duration: const Duration(milliseconds: 200),
margin: const EdgeInsets.symmetric(horizontal: 4),
@@ -25,6 +27,9 @@ class OnboardingPageIndicator extends StatelessWidget {
decoration: BoxDecoration(
color: isActive ? color : color.withOpacity(0.3),
borderRadius: BorderRadius.circular(4),
border: isLast && !isActive
? Border.all(color: outlineColor, width: 1.5)
: null,
),
);
}),
+2
View File
@@ -6,6 +6,7 @@ import 'app/app.dart';
import 'core/services/haptic_service.dart';
import 'data/database/app_database.dart';
import 'features/dashboard/provider.dart';
import 'shared/services/onboarding_service.dart';
void main() async {
WidgetsFlutterBinding.ensureInitialized();
@@ -17,6 +18,7 @@ void main() async {
final prefs = await SharedPreferences.getInstance();
await HapticService.init();
OnboardingService(prefs);
final database = AppDatabase();
+12 -3
View File
@@ -4,18 +4,27 @@ import 'package:shared_preferences/shared_preferences.dart';
class OnboardingService {
static const _key = 'onboarding_completed';
static bool _shownInSession = false;
static SharedPreferences? _staticPrefs;
final SharedPreferences _prefs;
OnboardingService(this._prefs);
OnboardingService(this._prefs) {
_staticPrefs = _prefs;
}
bool get shouldShowOnboarding {
static bool get shouldShowOnboarding {
if (kDebugMode) {
return !_shownInSession;
}
return !(_prefs.getBool(_key) ?? false);
return !(_staticPrefs?.getBool(_key) ?? false);
}
static void markCompleted() {
_shownInSession = true;
}
bool get shouldShowOnboardingInstance => shouldShowOnboarding;
Future<void> completeOnboarding() async {
_shownInSession = true;
if (!kDebugMode) {