Flutter

In our opening Keynote, the Flutter team shares exciting news, demos and features coming to Flutter. Learn more about Flutter 2 and what updates like Null Safety can do for you. You’ll also hear from companies like Microsoft, Canonical and Toyota as they share the incredible things they’re doing with Flutter.

Resources:

Ads → https://goo.gle/3aS2vAl

Watch more:

Flutter Engage playlist → http://goo.gle/FlutterEngageYT

Download the Flutter 2 SDK → https://goo.gle/FlutterEngage

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

#FlutterEngage

event: Flutter Engage 2021; re_ty: Publish; product: Flutter - General; fullname: Tim Sneath, Bob Nystrom, Kenzie Schmoll;

Flutter is an expressive tool that supports immediate iteration (through hot reload). This makes it a good fit for the elusive designer-developer: an engineer with a knack for design. In this talk, Filip explores some of the basics of good app design and how they translate to Flutter widgets.

Resources:

White space → http://goo.gle/3sggKVe

Padding in Flutter → http://goo.gle/2NnOQIk

Typography crash course → https://goo.gle/3bvCXI7

TextTheme in Flutter → http://goo.gle/3btDtXg

Color theory crash course → https://goo.gle/3dzK596

ThemeData in Flutter → http://goo.gle/2NwKE8T

Iconography crash course → https://goo.gle/3aJxka3

Images in Flutter → http://goo.gle/2Mi8fK4

Animation easing crash course → http://goo.gle/3uqRVHZ

Curves class in Flutter: http://goo.gle/37E5Rom

Staggered animation: http://goo.gle/2ZHcSAk

Aesthetic-Usability Effect: http://goo.gle/3bnVxSk

Accessibility: http://goo.gle/3dDsddi

Speaker: Filip Hracek

Watch more:

Flutter Engage playlist → http://goo.gle/FlutterEngageYT

Download the Flutter 2 SDK → https://goo.gle/FlutterEngage

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

#FlutterEngage

event: Flutter Engage 2021; re_ty: Publish; product: Flutter - General; fullname: Filip Hracek;

The only thing better than building apps is making a living by building apps. In this talk, Zoey and Andrew from the Flutter team talk about monetization strategies for apps built with Flutter, and how you can turn a successful app into a successful business.

Resources:

Mobile Ads Flutter → https://goo.gle/3uluuQx

Ads → https://goo.gle/3aS2vAl

Speakers: Andrew Brogdon, Zoey Fan

Watch more:

Flutter Engage playlist → http://goo.gle/FlutterEngageYT

Download the Flutter 2 SDK → https://goo.gle/FlutterEngage

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

#FlutterEngage

event: Flutter Engage 2021; re_ty: Publish; product: Flutter - General; fullname: Andrew Brogdon,Zoey Fan;

Join Mariam Hasnany and John Ryan as they upgrade their mobile app into a web app. Learn how to adapt your app for desktop browsers, how to debug, and how to deploy your app to a web server.

Resources:

Web support for Flutter → http://goo.gle/2ZI2GaV

Creating responsive apps → http://goo.gle/3uouYFh

Scrollbar class → http://goo.gle/2ZI2Krb

Speakers: John Ryan, Mariam Hasnany

Watch more:

Flutter Engage playlist → http://goo.gle/FlutterEngageYT

Download the Flutter 2 SDK → https://goo.gle/FlutterEngage

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

#FlutterEngage

event: Flutter Engage 2021; re_ty: Publish; product: Flutter - General; fullname: Mariam Hasnany;

Migrating a Flutter app to null safety can be surprisingly painless. Leaf Petersen demonstrates how to use pub to find out if you're ready to migrate, and how to effectively use the new Dart migration tool to quickly get your app up and running with full sound null safety.

Resources:

Migrating to null safety → http://goo.gle/2NvdXZB

Speaker: Leaf Petersen

Watch more:

Flutter Engage playlist → http://goo.gle/FlutterEngageYT

Download the Flutter 2 SDK → https://goo.gle/FlutterEngage

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

#FlutterEngage #dart #darttopic

event: Flutter Engage 2021; re_ty: Publish; product: Flutter - General; fullname: Leaf Petersen;

Filip and Fitz jump back into the app they started working on in part 1 with adaptive layout. They switch to an expandable desktop window and explore how flexible their layout should be and troubleshoot issues that arise when working on an adaptive layout.

Watch part 1 - https://goo.gle/2NXzI4h

0:00 - Introductions and recap from previous episode

5:05 - Let's try it out as a Desktop app!

12:30 - Exception?!? Let's just remove some code.

14:20 - How flexible should we be?

19:00 - Fitz forgets how switch statements work

22:00 - Adaptive detail view?

26:10 - Let's talk about VisualDensity

28:30 - We have a mouse?!

34:25 - Jumping to vertical adaptivity

36:25 - Tip! "Add required argument"

42:00 - Wrap-up

Flutter’s desktop set up → http://goo.gle/3qRpqRv

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

At Flutter Engage on March 3rd, Flutter and Firebase leadership will be sitting down for an hour of #AskFlutter Q&A. Submit your questions about engineering roadmaps, product features, or technical architecture right now using the #AskFlutter hashtag on Twitter or in the comments on this video, and it may be your own name you hear during the livestream!

See https://events.flutter.dev for more details about #AskFlutter and Flutter Engage

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

Flutter lets you customize animations down to the frame, but sometimes what you really want is great default animations to upgrade your app’s quality without much hassle. Learn how the animations package, provided by the Material Design team, lets you create simple, cool transitions to help your users better understand what’s going on in your app.

Learn more about animations → http://goo.gle/373UqWN

Subscribe to the Material Design channel → https://goo.gle/MaterialDesign-YouTube

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/307BX6t

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

Filip and Fitz discuss adaptive design and walk through the process of creating an adaptive app for various browsers and devices. Learn how to design your app for screens big, small, and everywhere in between.

0:00 - Introductions, Adaptive Layout, and generated JSON

5:30 - Starting the app

11:05 - Creating the detail view

18:22 - Begin discussion of how to handle different Layouts

22:30 - Adding in LayoutBuilder

24:30 - Adding max width break points

35:50 - Building the Wide Layout

42:50 - Wrap up

Follow along with the code → http://goo.gle/3oVJ5hK

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 → http://goo.gle/FlutterYT

#Flutter #BoringShow #AppDevelopment

PhysicalModel allows you to add custom shadow effects to your app and customize its color and shape. Learn how to set up the widget and troubleshoot common errors.

Learn more about PhysicalModel → http://goo.gle/35kF2EJ

DartPad → http://goo.gle/3pYzIhZ

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/307BX6t

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