The default way of accessing localized strings inside your widgets is to use the `AppLocalizations` class.

However, using the `!` operator everywhere is not good practice.

And it would be nice to have some more "lightweight" syntax.

A thread. 🧵 Image
One issue we have is that `AppLocalizations.of(context)` returns a *nullable* object.

But at runtime this will never be null, as long as we call it inside a *descendant* of MaterialApp (which is always the case).

So what can we do? Image
Dart extensions to the rescue!

We can define a LocalizedBuildContext extension with a `loc` getter variable defined like so: Image
And now, whenever we need localized strings in our widgets, we can:

- import the file that defines the new extension
- use `context.loc.someString` to get the value we need Image
If you have dozens or hundreds of localized strings, this amounts to a lot of developer happiness! 😀

If you found this thread useful, retweet the first tweet and spread the word. 🙏

To see more Flutter tips like this in your timeline, just follow me: @biz84

Happy coding!
Here's a new article covering all the steps above, along with some additional details:

codewithandrea.com/articles/flutt…

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Andrea Bizzotto 💙

Andrea Bizzotto 💙 Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @biz84

Jan 21
When building non-trivial apps, following a *structured workflow* can bring great benefits and avoid many pitfalls.

Rather than diving straight into the code, here's a 6 step workflow that you can follow.

Thread. 🧵
1. Design your app (part 1)

Design all the screens that will be in your app.

You can use Sketch, Figma, Adobe XD, or even draw them by hand.

This will help you think about the most logical UI flows before diving into the code.

Here's an example from my website: 👇
1. Design your app (part 2)

This is also a great chance to define stylesheets including a color palette, typography, paddings etc.

This will:

- make your designs much more consistent
- make your app look much nicer
- save you time down the line
Read 12 tweets
Jan 7
"Program to interfaces, not implementations" is a very important concept in software design.

It is used to decouple your code from implementation-specific details.

A good use case for this is when creating repositories that connect to external data sources:
Once you have an interface (abstract class), you can *implement* it with a concrete implementation.

You can even create a "fake", which can be very useful in your tests.
During app startup, you can initialize your repository with a *concrete* instance (using a service locator or any other dependency injection system).

And the rest of your app can just access the repository using the base abstract class.
Read 4 tweets
Dec 31, 2021
Here's a thread about my 2021 in numbers as a content creator making Flutter tutorials and courses. 🧵

Total Revenue: $69,532

Here's a breakdown by month. 👇
Here's a pie chart about revenue by income stream.

80% of total revenue came from sales on Udemy and Teachable.
This year I had $20,660 in expenses.

This is a large number primarily due to outsourcing costs (design & development) on my site.
Read 11 tweets
Oct 12, 2021
How do you navigate programmatically between tabs like in Flutter?

Let's figure it out. 🧵
First of all, we need:

- a TabBar with three tabs
- a TabController to control the selected tab
Then, let's add a TabBarView to contain all the views (pages).

Our custom views have an "onNext" callback that we can use to change the index of the TabController (and update the page).
Read 8 tweets
Sep 19, 2021
Every week I send some my best content to my email subscribers.

And in the last month alone, feedback has been overwhelmingly positive.

So which are my most liked tutorials? Read on. 👇 Image
My Dart top tips article seems to be an all-time favourite:

codewithandrea.com/videos/top-dar…
Ever had issues with widgets that rebuild when they shouldn't?

Then maybe your app has some side effects. Learn all about them here:

codewithandrea.com/articles/side-…
Read 6 tweets
Sep 14, 2021
Remember this thread about how to create a chat with message bubbles?

Well, I found a simpler and more performant solution.

Let's get back to basics. 🧵

What we want to do is to *align* our message bubble to the left or right as needed.

We *could* accomplish this using a Row with MainAxisAlignment.start or MainAxisAlignment.end. Image
But that leads to an unconstrained width issue and breaks our layout in certain cases.

This *could* be fixed with LayoutBuilder + ConstrainedBox.

But there's a better way. Image
Read 6 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us on Twitter!

:(