当前位置: 首页 > 文档资料 > Flutter 英文文档 >

Codelabs

优质
小牛编辑
141浏览
2023-12-01

Write Your First Flutter App, part 1

Create a simple mobile app that generates proposed names for a startup company. In part one, you’ll use a package that returns pairs of words at random and inserts them into an infinitely scrolling list.

Write Your First Flutter App, part 2

Create a simple mobile app that generates proposed names for a startup company. In part two, you’ll extend the example from part 1 to allow the user to select favorite word pairs, and add a second “Saved Favorites” page where users can view the selected names. Finally, you’ll change the app’s theme color.

Building Beautiful UIs with Flutter

A deeper “first dive” than “Write Your First Flutter App.” In this codelab you’ll create a chat app that includes a simple animation, and customizes the UI for iOS and Android.

Firebase for Flutter

Learn how to connect a Flutter app to a Firebase database, and how to use a transaction to update shared information.

MDC 101 Flutter: Material Components (MDC) Basics

Learn the basics of using Material Components by building a simple app with core components. The four MDC codelabs guide you through building an e-commerce app called Shrine. You’ll start by building a login page using several of MDC Flutter’s components.

MDC 102 Flutter: Material Structure and Layout

Learn how to use Material for structure and layout in Flutter. Continue building the e-commerce app, introduced in MDC-101, by adding navigation, structure, and data.

MDC 103 Flutter: Material Theming with Color, Shape, Elevation, and Type

Discover how Material Components for Flutter make it easy to differentiate your product, and express your brand through design. Continue building your e-commerce app by adding a home screen that displays products.

MDC 104 Flutter: Material Advanced Components

Improve your design and learn to use our advanced component backdrop menu. Finish your e-commerce app by adding a backdrop with a menu that filters products by the selected category.


For a full list of available Flutter codelabs, see the Flutter category on Google Developers. If the previous link doesn’t work for you, try this mirror of the Flutter codelabs.