Flutter

Fitz is joined by a new (and familiar) face on The Boring Show, Craig! They open back up the old Hacker News App to fix some bugs and create some new theming. Why is dark mode not working and will they be able to fix it?

0:00 - Intro

0:47 - Dark mode

7:45 (@ "Ooh, where did all of our stories go?") - Fine-tuning the theme

30:01 (@ "Something up here is setting it to blue") - Debugging an animation

46:01 - Troubleshooting the BuildContext

57:36 (@ "We can go, we can return to Main") - Persisting the theme color

Hacker News app code → https://goo.gle/3xJqOsB

Get started with Flutter → https://flutter.dev

Learn more about the Dart Language → https://goo.gle/2YF9OCi

Try a Flutter codelab → https://goo.gl/d3fHPo

Join the conversation → https://goo.gl/68oUnb

Watch more episodes of the Boring Show here → https://goo.gle/BoringFlutterShow

Subscribe to the Flutter channel → https://goo.gle/FlutterYT

#Flutter #BoringShow #AppDevelopment

product: _Not Applicable, Flutter - Development - User interface; fullname: Andrew Fitz Gibbon, Craig Labenz; re_ty: Publish;

What does it mean when you’re building an app with Flutter and some text shows up in red with a yellow double underline? Learn why you might see the underlines and how to fix it.

Leave us suggestions for code to unravel in the comments below!

Watch more Decoding Flutter episodes → http://goo.gle/DecodingFlutter

Don’t miss an episode, subscribe to Flutter → http://goo.gle/FlutterYT

Get started with Flutter → http://goo.gle/Flutter

Learn more about the Dart Language → https://goo.gle/2YF9OCi

#DecodingFlutter #Flutter #Developer

product: Flutter - Testing and Debugging - Handling errors; re_ty: Publish;

Learn more about HeroMode → https://goo.gle/HeroMode

Have a Hero transition but unsure how to stop the animation from higher in the widget tree? By wrapping the Hero in HeroMode, you can enable or disable the animation power it has.

Dartpad → https://goo.gle/37oww8c

Learn everything about Flutter at → https://goo.gle/2WAhEN1

This video is also subtitled in Chinese, Indonesian, Italian, Japanese, Korean, Portuguese, and Spanish.

Get more tips! → https://goo.gle/FlutterWidget

Subscribe to Flutter! → https://goo.gle/FlutterYT

#WidgetoftheWeek #Widgets #Flutter

product: Flutter - Development - User interface; fullname: Filip Hracek; re_ty: Publish;

Learn more about Collection→ https://goo.gle/pub-dev-collection

Tired of doing all the work on your own and just want some help dealing with lists, maps, and sets in your app? package:collection lets you check if two collections contain other collections, implement a priority queue, “Do maths”, and more!

This package comes with the Flutter SDK, just import it in your .dart files.

This video is also subtitled in Chinese, Indonesian, Italian, Japanese, Korean, Portuguese, and Spanish.

Learn everything about Flutter at → https://goo.gle/2WAhEN1

Get more tips! → https://goo.gle/FlutterWidget

Subscribe to Flutter! → https://goo.gle/FlutterYT

#WidgetoftheWeek #Widgets #Flutter #PackageoftheWeek

fullname: Filip Hracek; re_ty: Publish;

Filip and Fitz attempt to fully upgrade the Hacker News app, and address the runtime bug they saw at the end of the previous episode. This adventure takes them to fun places, such as the internal implementation of string interpolation in Dart SDK, and at one point they even have to resort to print debugging.

Will they figure it out? Watch to find out! (Yes, they will.)

0:00 - Picking up what we put down: debugging an error in the HN app

7:05 - Breakpoints and Isolates? No, just awaiting futures

13:56 - Stepping through a deserializer… wait, what's the error again?

16:18 - Refining our Quest… where does the error happen?

25:45 - Filip has a hunch about the length of the log message

28:10 - The actual error is found!

35:30 - On the dangers of search/replace

41:13 - "Oh wait!" Is the error resolved now?!?

43:32 - How could we have known there was more to the message?

Hacker News app code → https://goo.gle/3xJqOsB

Get started with Flutter → https://flutter.dev

Learn more about the Dart Language → https://goo.gle/2YF9OCi

Try a Flutter codelab → https://goo.gl/d3fHPo

Join the conversation → https://goo.gl/68oUnb

Watch more episodes of the Boring Show here → https://goo.gle/BoringFlutterShow

Subscribe to the Flutter channel → https://goo.gle/FlutterYT

#Flutter #BoringShow #AppDevelopment

product: Flutter - Testing and Debugging - Handling errors, Flutter - Testing and Debugging - Testing; fullname: Andrew Fitz Gibbon, Filip Hracek; re_ty: Publish;

What is the difference between a package and a plugin? Learn how these bundles of code contribute to your app's functionality and how to spot the difference between the two.

Leave us suggestions for code to unravel in the comments below!

Developing packages & plugins → https://goo.gle/3hxyJ6W

Watch more Decoding Flutter episodes → http://goo.gle/DecodingFlutter

Don’t miss an episode, subscribe to Flutter → http://goo.gle/FlutterYT

Get started with Flutter → http://goo.gle/Flutter

Learn more about the Dart Language → https://goo.gle/2YF9OCi

#DecodingFlutter #Flutter #Developer

product: Flutter - Development - Packages and plugins; fullname: Andrew Fitz Gibbon; re_ty: Publish;

Learn more about → https://goo.gle/pub-dev-sensors_plus

package:sensors_plus allows you to access a phone's sensors so you can tell if a user’s device is tilting, moving, falling, and more. Learn how to access the accelerometer and the gyroscope to create a unique user experience.

Add this package to your apps with `pub add sensors_plus`

Learn everything about Flutter at → https://goo.gle/2WAhEN1

Get more tips! → https://goo.gle/FlutterWidget

Subscribe to Flutter! → https://goo.gle/FlutterYT

#WidgetoftheWeek #Widgets #Flutter #PackageoftheWeek

product: Flutter - Development - Packages and plugins; fullname: Andrew Fitz Gibbon; re_ty: Publish;

Learn more about MouseRegion → https://goo.gle/MouseRegion

Have you ever wondered how to detect if a mouse is over a widget? Wrap your widget with MouseRegion to detect when a mouse enters, exits, or hovers over it. You can even change what the cursor looks like to indicate that your user can take an action (or not).

This video is also subtitled in Chinese, Indonesian, Italian, Japanese, Korean, Portuguese, and Spanish.

Learn everything about Flutter at → https://goo.gle/2WAhEN1

Get more tips! → https://goo.gle/FlutterWidget

Subscribe to Flutter! → https://goo.gle/FlutterYT

#WidgetoftheWeek #Widgets #Flutter #PackageoftheWeek

You put a ListView in a column and you get the error “Viewport was given unbounded height”. What do you do now? Learn why you might be getting this error and what you can do to fix it.

Leave us suggestions for code to unravel in the comments below!

How to debug layout issues with the Flutter Inspector → https://goo.gle/3x3OesY

Explain 'Unbounded height/width' errors → https://goo.gle/3jjIwPp

Watch more Decoding Flutter episodes → http://goo.gle/DecodingFlutter

Don’t miss an episode, subscribe to Flutter → http://goo.gle/FlutterYT

Get started with Flutter → http://goo.gle/Flutter

Learn more about the Dart Language → https://goo.gle/2YF9OCi

#DecodingFlutter #Flutter #Developer

Filip and Fitz revisit the ancient Hacker News app which was started in the very first episodes of the Boring Show. They update their code to null safety, regenerate the code, and reflect on how much Flutter has evolved.

0:00​ - Introduction

4:20 Getting dependencies up to date

9:55 Upgrading code to new versions of dependencies

17:28 Updating code generation

25:46 Updating Material widgets and themes

33:00 Running flutter create over existing app

36:34 Running dart migrate

41:18 Using the migration tool

45:32 The app runs!

52:10 Back to migration

59:00 Running null safe code

1:01:52 Fixing built_value classes

1:07:06 Calling it a day

Hacker News app code → https://goo.gle/3xJqOsB

Get started with Flutter → https://flutter.dev

Learn more about the Dart Language → https://goo.gle/2YF9OCi

Try a Flutter codelab → https://goo.gl/d3fHPo

Join the conversation → https://goo.gl/68oUnb

Watch more episodes of the Boring Show here → https://goo.gle/BoringFlutterShow

Subscribe to the Flutter channel → https://goo.gle/FlutterYT

#Flutter #BoringShow #AppDevelopment