以你的方式，掌握 Flutter

Let's get started!

• Try playing with DartPad, the online editor for Flutter and Dart
• Use the installation guides to help get your environment ready

While you're installing...

• Get to know the Flutter docs
• Visit the samples gallery
• Get a feel for Dart code
• Subscribe to the Flutter and Dart blogs
• Check out StackOverflow's Flutter tag
• Go subscribe to the YouTube channel
• • ...and watch Widget of the Week until your IDE is ready!

Coming from another SDK or language?

• Flutter conversion guides
• What Makes Flutter Different
• Using hot reload

Everything's a widget!

• Read the Introduction to Widgets
• This guide explains how to compose layouts with widgets

Learn about Dart

• Visit Dart.dev the official site for Dart
• Learn why Flutter uses Dart
• Complete the Dart cheatsheet codelab

Let's dive in!

• Building your first Flutter app, part 1
• Building your first Flutter app, part 2

Making your app look cool

• One option is Material design
• • Check out their components!
  • And these Material codelabs!
• Need inspiration?
• • Try Johannes Milke's videos
  • Or Super-Declarative's widget workshops
  • Or a community-maintained index like Awesome Flutter!

Find out how to make networking work!

• Have you seen the Flutter Cookbook? It has a set of articles on networking
• Many apps use the http package
• Learn about how to deserialize JSON
• • There's also a sample!

Navigate with confidence

• The Flutter cookbook has a set of articles for that, too!
• By the way, you may see some stuff about Flutter's Router and more advanced navigation. They're great, but totally not required!

Flutter and State Management

• Watch an I/O talk on what "state management" means for Flutter
• You'd be surprised how far you can get with just a StatefulWidget!
• A good next step is to try Provider with ChangeNotifier
• • Watch this Boring Show episode
  • Or these samples: provider_counter, provider_shopper

Use plugins to access native APIs

• Read the guide on using packages and plugins
• Watch Matt and Andrew use the barometer on the Boring Show
• Check out pub.dev, the package ecosystem for Dart and Flutter
• • Learn about package scores
  • ...and the Flutter Favorites

Test your code!

• Read the guide to testing in Flutter
• Read through the testing sample, which shows multiple types of tests
• Practice your skills with the Testing codelab!

Join the community!

• Check out the community directory
• Join the Flutter Community Slack and check out their blog
• Follow the Flutteristas on Twitter!
• Find a Flutter meetup near you
• Submit your app to itsallwidgets.com
• Participate in the making of Flutter by filing issues and giving feedback

Let's pause for a moment

• ...and go inside Flutter
• ...and learn about Flutter's architecture
• ...and study Flutter's philosophy toward platform adaptations

What's beneath the widget?

• Learn about elements, keys, and state objects in Widgets 101
• Watch a tech talk on the Flutter framework from China, Europe, or Columbus, Ohio

Futures and Streams

• Watch the Dart Async episodes of Flutter in Focus
• Complete the asynchronous programming codelab

Spice up your UI with implicit animations

• Read the Introduction to Animation guide
• Watch a Flutter in Focus on implicit animations
• Try the implicit animation codelab

What about assets?

• Need fonts on the fly? Use the google_fonts package
• Read the guide to including assets directly in your app

Learn more about layouts

• Read the guides on layouts, constraints, and building responsive apps
• Try the Layout Basics codelab
• Watch MediaQuery's Widget of the Week episode

Forms and Validation

• Read some cookbook articles on input, validation, and forms
• Check out the sample app

Firebase

• Watch the Getting Started Firecast
• • Don't forget to subscribe to the channel while you're there!
• Read the FlutterFire docs
• Try the Firebase for Flutter codelab or the Firestore + Maps sample app
• Learn how to structure your data with Cloud Firestore

Dive into plugins and native APIs

• Read the guide to how Platform Channels work
• Try a codelab on building your own plugin
• Read through the platform channels sample app

Local data

• Watch a tech talk on managing local data
• Watch a tech talk on state restoration by Simon Lightfoot or one by Pawan Kumar
• Read a few Flutter Cookbook articles on persistence

Learn additional state management libraries

• Like bloc
• or Riverpod
• or RxDart
• or Redux

Learn how to prep an app for release

• Read the guides for Android, iOS, Linux, and the web
• There's a package that can help make your launcher icons

Check out Flutter DevTools

• Read the overview
• Learn how to use the inspector to check out your widgets and diagnose layout issues
• Read guides on tools for performance, CPU and memory profiling, and inspecting app size

Give back to the community

• Join the community!
• • Volunteer at a Flutter meetup
  • Answer some questions on StackOverflow
  • Create an open source app on GitHub and post it at itsallwidgets.com
• Flutter relies on you!
• • Upvote an issue in flutter/flutter that's important to you
  • Contribute to a community-maintained plugin or package

Learn a little Flutter history

• Eric Seidel's Strange Loop talk or his DartConf talk (from when Flutter was still called "Sky!";).
• Ian Hickson's talk about why widgets exist
• Adam Barth's talk on Flutter's rendering pipeline

• Read the Flutter roadmap to learn where Flutter is headed
• Check out the Dart language funnel to see where Dart is headed

Explicit animations

• Try running the animation sample app
• Read the guides for hero widgets and staggered animations
• Watch the advanced episodes of the Flutter in Focus series on animation.
• Check out talks from Flutter Europe on Doing Animations Right and Implementing Complex UI

Advanced Layout/Rendering

• Read some Flutter Community blog posts on CustomPainter
• Read Romain's blog post on building your own render object

Targeting iOS

• Visit the Cupertino widget gallery
• See the Cupertino package in action in the VeggieSeasons sample app
• Watch Building for iOS with Flutter from Google I/O

Do some desktop development

• Check out the guide
• Try the desktop codelab

Bind to native libraries

• Read about using dart:ffi to connect to C-style libraries in Dart and Flutter apps, then check out the sample apps
• Read about Dart's JS interop for web apps

Federated plugins

• Read the guide on Flutter's federated plugins
• Check out the sample

Try adding Flutter to an existing app

• Read the overview and the sections for Android and iOS
• Play with the add-to-app samples
• Experiment with generating add-to-app code using package:pigeon

Apps in production

• Read how to log errors and exceptions with Crashlytics from Firebase
• Learn about product flavors and Flutter
• Learn about continuous delivery options for Flutter

Give back to the community

• Create or run a Flutter Meetup
• Read about how to contribute to the Flutter SDK
• Contribute to an important community-maintained plugin or package
• Read about becoming a Google Developer Expert in Flutter