fix(ui): Make onboarding screen more adaptive

pull/193/head
Inex Code 2023-02-01 00:56:19 +03:00
parent e186dac39f
commit c8bc75d422
1 changed files with 72 additions and 62 deletions

View File

@ -45,7 +45,9 @@ class _OnboardingPageState extends State<OnboardingPage> {
maxHeight: MediaQuery.of(context).size.height, maxHeight: MediaQuery.of(context).size.height,
), ),
child: Column( child: Column(
crossAxisAlignment: CrossAxisAlignment.start, children: [
Expanded(
child: ListView(
children: [ children: [
const SizedBox(height: 30), const SizedBox(height: 30),
Text( Text(
@ -57,7 +59,7 @@ class _OnboardingPageState extends State<OnboardingPage> {
'onboarding.page1_text'.tr(), 'onboarding.page1_text'.tr(),
style: Theme.of(context).textTheme.bodyMedium, style: Theme.of(context).textTheme.bodyMedium,
), ),
const SizedBox(height: 16), const SizedBox(height: 32),
Flexible( Flexible(
child: Center( child: Center(
child: Image.asset( child: Image.asset(
@ -70,6 +72,9 @@ class _OnboardingPageState extends State<OnboardingPage> {
), ),
), ),
), ),
],
),
),
BrandButton.rised( BrandButton.rised(
onPressed: () { onPressed: () {
pageController.animateToPage( pageController.animateToPage(
@ -90,7 +95,9 @@ class _OnboardingPageState extends State<OnboardingPage> {
maxHeight: MediaQuery.of(context).size.height, maxHeight: MediaQuery.of(context).size.height,
), ),
child: Column( child: Column(
crossAxisAlignment: CrossAxisAlignment.start, children: [
Expanded(
child: ListView(
children: [ children: [
const SizedBox(height: 30), const SizedBox(height: 30),
Text( Text(
@ -133,6 +140,9 @@ class _OnboardingPageState extends State<OnboardingPage> {
style: Theme.of(context).textTheme.bodyMedium, style: Theme.of(context).textTheme.bodyMedium,
), ),
const SizedBox(height: 16), const SizedBox(height: 16),
],
),
),
BrandButton.rised( BrandButton.rised(
onPressed: () { onPressed: () {
context.read<AppSettingsCubit>().turnOffOnboarding(); context.read<AppSettingsCubit>().turnOffOnboarding();