fix(ui): Make onboarding screen more adaptive
parent
e186dac39f
commit
c8bc75d422
|
@ -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();
|
||||||
|
|
Loading…
Reference in New Issue