206 lines
9.6 KiB
Dart
206 lines
9.6 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter/services.dart';
|
|
|
|
import 'main.dart';
|
|
|
|
import 'package:smooth_page_indicator/smooth_page_indicator.dart';
|
|
import 'package:transparent_image/transparent_image.dart';
|
|
|
|
class ScreenWelcome extends StatefulWidget {
|
|
const ScreenWelcome({super.key});
|
|
|
|
@override
|
|
State<ScreenWelcome> createState() => _ScreenWelcomeState();
|
|
}
|
|
|
|
class _ScreenWelcomeState extends State<ScreenWelcome> {
|
|
final _pageController = PageController();
|
|
int page = 0;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
|
|
WidgetsBinding.instance.addPostFrameCallback((timeStamp) async {
|
|
await Future.delayed(const Duration(milliseconds: 10));
|
|
WidgetsBinding.instance.platformDispatcher.onPlatformBrightnessChanged =
|
|
() {
|
|
// invert colors used, because brightness not updated yet
|
|
SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
|
|
systemNavigationBarColor:
|
|
(prefs!.getString("brightness") ?? "system") == "system"
|
|
? ((MediaQuery.of(context).platformBrightness ==
|
|
Brightness.light)
|
|
? Colors.grey[900]
|
|
: Colors.grey[100])
|
|
: (prefs!.getString("brightness") == "dark"
|
|
? Colors.grey[900]
|
|
: Colors.grey[100]),
|
|
systemNavigationBarIconBrightness:
|
|
(((prefs!.getString("brightness") ?? "system") == "system" &&
|
|
MediaQuery.of(context).platformBrightness ==
|
|
Brightness.dark) ||
|
|
prefs!.getString("brightness") == "light")
|
|
? Brightness.dark
|
|
: Brightness.light));
|
|
};
|
|
|
|
// brightness changed function not run at first startup
|
|
SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
|
|
systemNavigationBarColor:
|
|
(prefs!.getString("brightness") ?? "system") == "system"
|
|
// ignore: use_build_context_synchronously
|
|
? ((MediaQuery.of(context).platformBrightness ==
|
|
Brightness.light)
|
|
? Colors.grey[100]
|
|
: Colors.grey[900])
|
|
: (prefs!.getString("brightness") == "dark"
|
|
? Colors.grey[900]
|
|
: Colors.grey[100]),
|
|
systemNavigationBarIconBrightness:
|
|
(((prefs!.getString("brightness") ?? "system") == "system" &&
|
|
// ignore: use_build_context_synchronously
|
|
MediaQuery.of(context).platformBrightness ==
|
|
Brightness.light) ||
|
|
prefs!.getString("brightness") == "light")
|
|
? Brightness.dark
|
|
: Brightness.light));
|
|
});
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
precacheImage(const AssetImage("assets/welcome/1.png"), context);
|
|
precacheImage(const AssetImage("assets/welcome/2.png"), context);
|
|
precacheImage(const AssetImage("assets/welcome/3.png"), context);
|
|
precacheImage(const AssetImage("assets/welcome/1dark.png"), context);
|
|
precacheImage(const AssetImage("assets/welcome/2dark.png"), context);
|
|
precacheImage(const AssetImage("assets/welcome/3dark.png"), context);
|
|
return Scaffold(
|
|
bottomNavigationBar: BottomSheet(
|
|
enableDrag: false,
|
|
backgroundColor: (Theme.of(context).brightness == Brightness.light)
|
|
? Colors.grey[100]
|
|
: Colors.grey[900],
|
|
onClosing: () {},
|
|
builder: (context) {
|
|
return Container(
|
|
width: double.infinity,
|
|
padding: const EdgeInsets.all(16),
|
|
child: Column(mainAxisSize: MainAxisSize.min, children: [
|
|
SmoothPageIndicator(
|
|
controller: _pageController,
|
|
count: 3,
|
|
effect: ExpandingDotsEffect(
|
|
activeDotColor: (Theme.of(context).brightness ==
|
|
Brightness.light)
|
|
? (theme ?? ThemeData()).colorScheme.primary
|
|
: (themeDark ?? ThemeData.dark())
|
|
.colorScheme
|
|
.primary)),
|
|
]));
|
|
}),
|
|
floatingActionButtonLocation: FloatingActionButtonLocation.endDocked,
|
|
floatingActionButton: FloatingActionButton(
|
|
onPressed: () {
|
|
if (page < 2) {
|
|
_pageController.nextPage(
|
|
duration: const Duration(milliseconds: 250),
|
|
curve: Curves.easeInOut);
|
|
} else {
|
|
prefs!.setBool("welcomeFinished", true);
|
|
|
|
WidgetsBinding.instance.platformDispatcher
|
|
.onPlatformBrightnessChanged = () {
|
|
SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
|
|
systemNavigationBarColor:
|
|
(prefs!.getString("brightness") ?? "system") == "system"
|
|
? ((MediaQuery.of(context).platformBrightness ==
|
|
Brightness.light)
|
|
? (themeDark ?? ThemeData.dark())
|
|
.colorScheme
|
|
.surface
|
|
: (theme ?? ThemeData()).colorScheme.surface)
|
|
: (prefs!.getString("brightness") == "dark"
|
|
? (themeDark ?? ThemeData()).colorScheme.surface
|
|
: (theme ?? ThemeData.dark())
|
|
.colorScheme
|
|
.surface),
|
|
systemNavigationBarIconBrightness:
|
|
(((prefs!.getString("brightness") ?? "system") ==
|
|
"system" &&
|
|
MediaQuery.of(context).platformBrightness ==
|
|
Brightness.dark) ||
|
|
prefs!.getString("brightness") == "light")
|
|
? Brightness.dark
|
|
: Brightness.light));
|
|
};
|
|
SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
|
|
systemNavigationBarColor:
|
|
(prefs!.getString("brightness") ?? "system") == "system"
|
|
? ((MediaQuery.of(context).platformBrightness ==
|
|
Brightness.light)
|
|
? (theme ?? ThemeData.dark()).colorScheme.surface
|
|
: (themeDark ?? ThemeData()).colorScheme.surface)
|
|
: (prefs!.getString("brightness") == "dark"
|
|
? (themeDark ?? ThemeData()).colorScheme.surface
|
|
: (theme ?? ThemeData.dark())
|
|
.colorScheme
|
|
.surface),
|
|
systemNavigationBarIconBrightness:
|
|
(((prefs!.getString("brightness") ?? "system") ==
|
|
"system" &&
|
|
MediaQuery.of(context).platformBrightness ==
|
|
Brightness.light) ||
|
|
prefs!.getString("brightness") == "light")
|
|
? Brightness.dark
|
|
: Brightness.light));
|
|
Navigator.pushReplacement(context,
|
|
MaterialPageRoute(builder: (context) => const MainApp()));
|
|
}
|
|
},
|
|
child: Icon((page < 2) ? Icons.arrow_forward : Icons.check_rounded),
|
|
),
|
|
body: SafeArea(
|
|
child: Column(children: [
|
|
Expanded(
|
|
child: PageView(
|
|
controller: _pageController,
|
|
onPageChanged: (value) {
|
|
setState(() {
|
|
page = value;
|
|
});
|
|
},
|
|
children: [
|
|
Center(
|
|
child: (Theme.of(context).brightness == Brightness.light)
|
|
? FadeInImage(
|
|
placeholder: MemoryImage(kTransparentImage),
|
|
image: const AssetImage("assets/welcome/1.png"))
|
|
: FadeInImage(
|
|
placeholder: MemoryImage(kTransparentImage),
|
|
image:
|
|
const AssetImage("assets/welcome/1dark.png"))),
|
|
Center(
|
|
child: (Theme.of(context).brightness == Brightness.light)
|
|
? FadeInImage(
|
|
placeholder: MemoryImage(kTransparentImage),
|
|
image: const AssetImage("assets/welcome/2.png"))
|
|
: FadeInImage(
|
|
placeholder: MemoryImage(kTransparentImage),
|
|
image:
|
|
const AssetImage("assets/welcome/2dark.png"))),
|
|
Center(
|
|
child: (Theme.of(context).brightness == Brightness.light)
|
|
? FadeInImage(
|
|
placeholder: MemoryImage(kTransparentImage),
|
|
image: const AssetImage("assets/welcome/3.png"))
|
|
: FadeInImage(
|
|
placeholder: MemoryImage(kTransparentImage),
|
|
image:
|
|
const AssetImage("assets/welcome/3dark.png")))
|
|
])),
|
|
])));
|
|
}
|
|
}
|