From 3d26ba0beb92bff7c7cd71c6a5729dcc4ba088be Mon Sep 17 00:00:00 2001 From: Vishesh Handa Date: Mon, 17 Jun 2019 20:23:49 +0200 Subject: [PATCH] OnBoarding: Dynamically change the text size This way it looks a bit better on smaller devices --- lib/screens/onboarding_screens.dart | 12 ++++++++---- pubspec.lock | 7 +++++++ pubspec.yaml | 1 + 3 files changed, 16 insertions(+), 4 deletions(-) diff --git a/lib/screens/onboarding_screens.dart b/lib/screens/onboarding_screens.dart index a6e114a2..5b5d40ab 100644 --- a/lib/screens/onboarding_screens.dart +++ b/lib/screens/onboarding_screens.dart @@ -1,3 +1,4 @@ +import 'package:auto_size_text/auto_size_text.dart'; import 'package:dots_indicator/dots_indicator.dart'; import 'package:flutter/material.dart'; import 'package:function_types/function_types.dart'; @@ -173,10 +174,11 @@ class OnBoardingPage1 extends StatelessWidget { children: [ Center(child: header), SizedBox(height: 64.0), - Text( + AutoSizeText( "A Journaling App focused on\nOpenness and Data Privacy", style: textTheme.headline, textAlign: TextAlign.center, + maxLines: 2, ), ], mainAxisAlignment: MainAxisAlignment.center, @@ -208,10 +210,11 @@ class OnBoardingPage2 extends StatelessWidget { children: [ Center(child: header), SizedBox(height: 64.0), - Text( - "Your Journal Entries are stored in a standard Markdown + YAML Header format", + AutoSizeText( + "Your Journal Entries are stored in a\nstandard Markdown + YAML\nHeader format", style: textTheme.headline, textAlign: TextAlign.center, + maxLines: 3, ), ], mainAxisAlignment: MainAxisAlignment.center, @@ -243,10 +246,11 @@ class OnBoardingPage3 extends StatelessWidget { children: [ Center(child: header), SizedBox(height: 64.0), - Text( + AutoSizeText( "Sync your Local Git Repo\nwith any provider", style: textTheme.headline, textAlign: TextAlign.center, + maxLines: 2, ), ], mainAxisAlignment: MainAxisAlignment.center, diff --git a/pubspec.lock b/pubspec.lock index 5882962d..c7411ceb 100644 --- a/pubspec.lock +++ b/pubspec.lock @@ -29,6 +29,13 @@ packages: url: "https://pub.dartlang.org" source: hosted version: "2.1.0" + auto_size_text: + dependency: "direct main" + description: + name: auto_size_text + url: "https://pub.dartlang.org" + source: hosted + version: "2.0.1" badges: dependency: "direct main" description: diff --git a/pubspec.yaml b/pubspec.yaml index f47489b8..42d8ebfe 100644 --- a/pubspec.yaml +++ b/pubspec.yaml @@ -23,6 +23,7 @@ dependencies: flutter_markdown: ^0.2.0 flutter_email_sender: ^2.0.2 function_types: ^0.0.2 + auto_size_text: ^2.0.1 dev_dependencies: flutter_launcher_icons: "^0.7.2"