Search icon CANCEL
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Conferences
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
Cross-Platform UIs with Flutter

You're reading from   Cross-Platform UIs with Flutter Unlock the ability to create native multiplatform UIs using a single code base with Flutter 3

Arrow left icon
Product type Paperback
Published in Aug 2022
Publisher Packt
ISBN-13 9781801810494
Length 260 pages
Edition 1st Edition
Languages
Tools
Arrow right icon
Authors (2):
Arrow left icon
Ryan Edge Ryan Edge
Author Profile Icon Ryan Edge
Ryan Edge
Alberto Miola Alberto Miola
Author Profile Icon Alberto Miola
Alberto Miola
Arrow right icon
View More author details
Toc

Table of Contents (12) Chapters Close

Preface 1. Building a Counter App with History Tracking to Establish Fundamentals 2. Building a Race Standings App FREE CHAPTER 3. Building a Todo Application Using Inherited Widgets and Provider 4. Building a Native Settings Application Using Material and Cupertino Widgets 5. Exploring Navigation and Routing with a Hacker News Clone 6. Building a Simple Contact Application with Forms and Gesturess 7. Building an Animated Excuses Application 8. Build an Adaptive, Responsive Note-Taking Application with Flutter and Dart Frog 9. Writing Tests and Setting Up GitHub Actions 10. Index 11. Other Books You May Enjoy

Summary

In this chapter, we learned how internationalization and localization work in Flutter and we also used some custom fonts from Google Fonts. Thanks to the intl package, we can, for example, format currencies and dates based on the device’s locale.

The race standings app is responsive because it dynamically rearranges the UI elements based on the viewport’s sizes. Thanks to breakpoints and the LayoutBuilder widget, we were able to easily handle the screen size changes.

The builder() and separated() constructors of ListViews are very efficient when it comes to painting a fixed series of widgets since they lazily load children.

We also used both PNG and SVG image assets. To render more complex widgets, such as the circular progress indicator, we used CustomPainter to go a bit more low level.

In the next chapter, we’re going to cover Flutter’s built-in state management solution: InheritedWidget. We will also use the popular provider package, which is a wrapper of InheritedWidget that’s easier to use and test.

You have been reading a chapter from
Cross-Platform UIs with Flutter
Published in: Aug 2022
Publisher: Packt
ISBN-13: 9781801810494
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at $19.99/month. Cancel anytime