Flutter codelab examples

Overview

Flutter codelabs

Build Status

This repository contains the code for a variety of Flutter Codelabs. Here is a list of the codelabs represented here:

To learn more about setting up Flutter and running apps, see flutter.dev/get-started.

Comments
  • `ffigen_codelab`: Add `step_07`

    `ffigen_codelab`: Add `step_07`

    Pre-launch Checklist

    • [x] I read the Effective Dart: Style recently, and have followed its advice.
    • [x] I signed the CLA.
    • [x] I updated/added relevant documentation (doc comments with ///).
    • [x] All existing and new tests are passing.

    If you need help, consider asking for advice on the #hackers-devrel channel on Discord.

    opened by domesticmouse 19
  • Bump GitHub Action versions

    Bump GitHub Action versions

    Pre-launch Checklist

    • [x] I read the Effective Dart: Style recently, and have followed its advice.
    • [x] I signed the CLA.
    • [x] I updated/added relevant documentation (doc comments with ///).
    • [x] All existing and new tests are passing.

    If you need help, consider asking for advice on the #hackers-devrel channel on Discord.

    opened by domesticmouse 15
  • chore: Updated the

    chore: Updated the "Getting started" step 4

    This is a follow-up for the update to the "Getting started" codelab in this PR.

    I am making sure that helper methods aren't used but instead actual widgets are.

    Pre-launch Checklist

    • [x] I read the [Flutter Style Guide] recently, and have followed its advice.
    • [x] I signed the [CLA].
    • [x] I updated/added relevant documentation (doc comments with ///).
    • [x] All existing and new tests are passing.
    opened by albertodev01 15
  • Updated codelab: Write a Flutter desktop application Codelab (github package version)

    Updated codelab: Write a Flutter desktop application Codelab (github package version)

    @domesticmouse @RedBrogdon

    This is the matching PR to the changes in the document "Write a Flutter desktop application Codelab (github package version)"

    Some notes:

    • I moved the codelab project from github-graphql-client to github-client.
    • All steps are created from scratch using the latest flutter beta, to ensure being as recent as possible.
    • Screenshots in the document has been updated to match the app. There should not be any reference to graphql anymore.
    • Although the GitHub Dart package provides its own OAuth2 auth logic, I kept the original one and used the resulting access token instead to configure the GitHub Dart package.

    Pre-launch Checklist

    • [x] I read the [Flutter Style Guide] recently, and have followed its advice.
    • [x] I signed the [CLA].
    • [x] I updated/added relevant documentation (doc comments with ///).
    • [x] All existing and new tests are passing.
    opened by miquelbeltran 12
  • FFI codelab, take two

    FFI codelab, take two

    A second attempt at populating the code files for the FFI codelab.

    PTAL @maks

    Note for reviewers: The ffi_codelab/codelab_rebuild.yaml file is worth reviewing as it is the script that is used to generate the various steps of the codelab.

    Some additional functionality was required to be added to the codelab_rebuild tool for this script. This is the way.

    Pre-launch Checklist

    • [x] I read the Effective Dart: Style recently, and have followed its advice.
    • [x] I signed the CLA.
    • [x] I updated/added relevant documentation (doc comments with ///).
    • [x] All existing and new tests are passing.

    If you need help, consider asking for advice on the #hackers-devrel channel on Discord.

    opened by domesticmouse 11
  • Migrating firebase-emulator-suite to go_router

    Migrating firebase-emulator-suite to go_router

    In this PR, I am upgrading the firebase-emulator-suite code to use go_router, as part of the work on migrating all relevant codelabs to go_router.

    This codelab follows https://firebase.google.com/codelabs/get-started-firebase-emulators-and-flutter#0 ping @ericwindmill as they are the owner of the codelab.

    I had a bit of problem running the codelab (independently of the change to go_router), which I explain here:

    • The AndroidManifest.xml needed android:usesCleartextTraffic="true" to be able to talk to the Firebase emulators.
    • The minSdkVersion had to be increased to 19 (from the default of 16)
    • The shipped Firebase packages were not compatible anymore and had to be upgraded to the latest versions.
    • The Android project needed the MultiDex setup to run.
    • Before running the project for the first time, I had to fix the problem detailed here: https://stackoverflow.com/questions/64962297/why-do-i-keep-receiving-an-error-when-initializing-my-firebase-project-while-set I think the codelab doesn't explain this step (or I skipped it, sorry!)

    I committed some changes to fix these issues, others will need to be fixed in the codelab document.

    Explaining the list of changes:

    • The codelab code uses now go_router, replacing the named routes.
    • The "logout" state is handled by having the user object as null, this is implemented with GoRouter redirect parameter.
    • The paths have been adjusted, / is now /login, and /home is now /.
    • The app will try to open /, will see that the user is null, and will redirect the user to /login.
    • After the user logs in using Firebase Auth, the app uses context.go('/') to go back to the home.

    FYI @RedBrogdon

    Pre-launch Checklist

    • [x] I read the Effective Dart: Style recently, and have followed its advice.
    • [x] I signed the CLA.
    • [ ] I updated/added relevant documentation (doc comments with ///). <-- Codelab needs update
    • [x] All existing and new tests are passing.

    If you need help, consider asking for advice on the #hackers-devrel channel on Discord.

    opened by miquelbeltran 9
  • Migrate startup_namer to null-safety

    Migrate startup_namer to null-safety

    Hello! :wave:

    I am working with @RedBrogdon and @sfshaza2 on migrating the codelab: https://github.com/flutter/website/blob/master/src/docs/get-started/codelab.md to null safety, so I wanted to update the codelab code first.

    What I did is to follow the instructions to migrate codelabs by making a copy with _migrated, so I copied the codelab startup_namer to startup_namer_migrated. If you want me to replace the original one, let me know.

    The codelab code is mostly unchanged, all changes are on the pubspecs and the test files. You can go commit by commit to review the changes.

    opened by miquelbeltran 9
  • Startup Namer: Add semantic labels to icon buttons

    Startup Namer: Add semantic labels to icon buttons

    This PR adds semantic labels to icon buttons throughout the Startup Namer app.

    In its previous state, these buttons were not labelled for users of screen readers such as VoiceOver, making their purpose unclear.

    The corresponding codelab (first-flutter-app-pt2) should be updated to describe the purpose of these semantic labels, although I'm unable to do this as I believe the written text of codelabs is not on GitHub.

    cla: yes 
    opened by valerie-makes 8
  • Update the `codelab_rebuild` script for `adaptive_app`

    Update the `codelab_rebuild` script for `adaptive_app`

    This PR also includes the start of some documentation for the codelab_rebuild tooling.

    PTAL @miquelbeltran for sanity checking. Thanks!

    Pre-launch Checklist

    • [x] I read the Effective Dart: Style recently, and have followed its advice.
    • [x] I signed the CLA.
    • [x] I updated/added relevant documentation (doc comments with ///).
    • [x] All existing and new tests are passing.

    If you need help, consider asking for advice on the #hackers-devrel channel on Discord.

    opened by domesticmouse 7
  • Fix crash due to missing RouteInformationProvider.

    Fix crash due to missing RouteInformationProvider.

    Boring to Beautiful app crashes at launch because GoRouter requires passing routeInformationProvider to MaterialApp.router when using routeInformationParser.

    This patch adds a single line to the app.dart file in each step, passing appRouter.routeInformationProvider to MaterialApp.router.

    Pre-launch Checklist

    • [x] I read the [Effective Dart: Style] recently, and have followed its advice.
    • [x] I signed the [CLA].
    • [x] I updated/added relevant documentation (doc comments with ///).
    • [x] All existing and new tests are passing.
    opened by theLee3 7
  • Add new TensorFlow Serving + Flutter text classification codelabs

    Add new TensorFlow Serving + Flutter text classification codelabs

    This PR add the new codelab code for TensorFlow Serving + Flutter. It demos how to call the TensorFlow Serving backend from a Flutter app in the form of a simple spam detection (text classification) use case.

    It is broken down into:

    • codelab1 contains the first codelab code to train a spam detection model
    • codelab2 contains the second codelab code to connect Flutter frontend to TensorFlow Serving backend
    • codelab3 contains the third codelab code to enhance the spam detection model to detect specific spam phrases
    opened by windmaple 7
  • Simplify `google-maps-in-flutter`

    Simplify `google-maps-in-flutter`

    This PR goes with cl/491449293

    Pre-launch Checklist

    • [x] I read the Effective Dart: Style recently, and have followed its advice.
    • [x] I signed the CLA.
    • [x] I updated/added relevant documentation (doc comments with ///).
    • [x] All existing and new tests are passing.

    If you need help, consider asking for advice on the #hackers-devrel channel on Discord.

    opened by domesticmouse 0
  • Flame codelab mobile overlay

    Flame codelab mobile overlay

    Replace this paragraph with a description of what this PR is changing or adding, and why. Consider including before/after screenshots.

    List which issues are fixed by this PR. For larger changes, raising an issue first helps reduce redundant work.

    Pre-launch Checklist

    • [ ] I read the Effective Dart: Style recently, and have followed its advice.
    • [ ] I signed the CLA.
    • [ ] I updated/added relevant documentation (doc comments with ///).
    • [ ] All existing and new tests are passing.

    If you need help, consider asking for advice on the #hackers-devrel channel on Discord.

    opened by khanhnwin 0
  • `webview_flutter` cleanup

    `webview_flutter` cleanup

    Pre-launch Checklist

    • [x] I read the Effective Dart: Style recently, and have followed its advice.
    • [x] I signed the CLA.
    • [x] I updated/added relevant documentation (doc comments with ///).
    • [x] All existing and new tests are passing.

    If you need help, consider asking for advice on the #hackers-devrel channel on Discord.

    opened by domesticmouse 0
  • enable Material 3 on adaptive_app codelab code

    enable Material 3 on adaptive_app codelab code

    Part of the work to enable Material 3 on all codelabs and samples.

    Initial work done by setting useMaterial3: true on the ThemeData creation.

    Further work needs to be done, updating the codelab code and screenshots. I already have access to the Adaptive App's Flutter codelab doc, so I can update it once this PR is approved.

    Pre-launch Checklist

    • [x] I read the Effective Dart: Style recently, and have followed its advice.
    • [x] I signed the CLA.
    • [ ] I updated/added relevant documentation (doc comments with ///). <-- pending
    • [x] All existing and new tests are passing.

    If you need help, consider asking for advice on the #hackers-devrel channel on Discord.

    opened by miquelbeltran 1
  • Flame codelab cleanup

    Flame codelab cleanup

    Replace this paragraph with a description of what this PR is changing or adding, and why. Consider including before/after screenshots.

    List which issues are fixed by this PR. For larger changes, raising an issue first helps reduce redundant work.

    Pre-launch Checklist

    • [ ] I read the Effective Dart: Style recently, and have followed its advice.
    • [ ] I signed the CLA.
    • [ ] I updated/added relevant documentation (doc comments with ///).
    • [ ] All existing and new tests are passing.

    If you need help, consider asking for advice on the #hackers-devrel channel on Discord.

    opened by khanhnwin 2
  • `ffigen` cleanup

    `ffigen` cleanup

    Make the codelab rebuild script more closely aligned with the codelab text.

    Pre-launch Checklist

    • [x] I read the Effective Dart: Style recently, and have followed its advice.
    • [x] I signed the CLA.
    • [x] I updated/added relevant documentation (doc comments with ///).
    • [x] All existing and new tests are passing.

    If you need help, consider asking for advice on the #hackers-devrel channel on Discord.

    opened by domesticmouse 0
Owner
Flutter
Flutter is Google's UI toolkit for building beautiful, natively compiled applications for mobile, web, desktop, and embedded devices from a single codebase.
Flutter
Algorithm Toolbox is an Android app for C++, Python and DART algorithms. It shows the codes as well as its explanation with various examples.

AlgoKing Algorithm Toolbox is an Android app for C++, Python and DART algorithms. It shows the codes as well as its explanation with various examples.

Hash Studios 5 Sep 13, 2022
Dart GraphQL server implementation. Utilities, code generator, examples and reference implementation.

Leto - GraphQL Server A complete implementation of the official GraphQL specification in the Dart programming language. Inspired by graphql-js, async-

Juan Manuel Castillo 29 Nov 27, 2022
Simple examples that help you get started with Appwrite + Dart (=❤️) as an Appwrite server-side integration.

Playground for Dart Simple examples that help you get started with Appwrite + Dart (= ❤️ ) This is Appwrite server side integration with Dart. For Flu

Appwrite 31 Nov 22, 2022
Flutter Music Player - First Open Source Flutter based material design music player with audio plugin to play local music files.

Flutter Music Player First Open Source Flutter based Beautiful Material Design Music Player(Online Radio will be added soon.) Demo App Play Store BETA

Pawan Kumar 1.5k Jan 8, 2023
a project for learning all Flutter Widgets , sync from flutter.dev the officia website.

Flutter Widgets Catalog (WIP) 计划 1、使用Flutter开发一个全平台的Flutter Widgets Catalog APP,并且开源。在这个APP中可以通过图形化的方式查看所有Widgets的介绍,示例,视频教程。 2、所有文档内容由前一天从flutter.dev

ezshine 32 Aug 3, 2022
A low-cost Flutter screen adaptation solution(一个极低成本的 Flutter 屏幕适配方案)

A low-cost Flutter screen adaptation solution(一个极低成本的 Flutter 屏幕适配方案) 100% 还原 UI,只需要按照设计图写的宽高写即可 先看图片,设置的标准宽度是 360 iPhone 8 --------------------------

聂志洋 108 Sep 27, 2022
Flutter 2.0 (Null safety) Basic, Dynamic & Silver style Staggered Grid views made using flutter staggered grid view package. 🦺

Staggered Grid View Developement Stack Getting Started This project is a starting point for a Flutter application. A few resources to get you started

Nakshatra Singh 9 Oct 28, 2022
A Flutter package that makes it easy to customize and work with your Flutter desktop app's system tray.

system_tray A Flutter package that that enables support for system tray menu for desktop flutter apps. on Windows, macOS and Linux. Features: - Modify

AnTler 140 Dec 30, 2022
Email and Password Authentication In Flutter & Firebase in Flutter 2.2

Email and Password Authentication In Flutter & Firebase in Flutter 2.2

BackSlash Flutter 43 Nov 23, 2022
Learn Flutter on Flutter! A widget directory with implementation samples!

Fludget Browse through a variety of widgets used in flutter This application is developed to learn Flutter using Flutter. Different widgets used in fl

ACM VIT 29 Nov 23, 2022
A Flutter package that makes it easy to customize and work with your Flutter desktop app window.

bitsdojo_window A Flutter package that makes it easy to customize and work with your Flutter desktop app window on Windows, macOS and Linux. Watch the

Bits Dojo 606 Dec 27, 2022
DoneIt is a sample note app 📝 Flutter application 📱 built to demonstrate use of Clean Architecture tools. Dedicated to all Flutter Developers with ❤️.

DoneIt ?? DoneIt is a sample note app ?? Flutter application ?? built to demonstrate use of Clean Architecture tools. Dedicated to all Flutter Develop

Shubham Chhimpa 175 Dec 24, 2022
Utility Manager Flutter Application is made with Flutter and Supabase which allows user to add task, set remainder to the task, set color to separate tasks and it allows to add URL with URL's informations.

Utility Manager Flutter Application! Utility Manager Flutter Application is made with Flutter and Supabase which allows user to add task, set remainde

Kathirvel Chandrasekaran 6 Jan 6, 2022
My first Flutter project - a recipes app, from the book Flutter Apprentice.

recipes My first Flutter project - a recipes app, from the book Flutter Apprentice. Getting Started This project is a starting point for a Flutter app

Adatta1276 1 Dec 28, 2021
Projeto Flutter sendo desenvolvido para a Formação Flutter da plataforma Alura

ByteBank / A Flutter Journey Table of Contents About • Features • ?? About This is a project being developed for a Flutter couse in Alura plataform, s

Mike Jhoe 1 Oct 25, 2021
Plugins for Flutter maintained by the Flutter team

Flutter plugins This repo is a companion repo to the main flutter repo. It contains the source code for Flutter first-party plugins (i.e., plugins dev

Flutter 16.6k Dec 29, 2022
QR.Flutter is a Flutter library for simple and fast QR code rendering via a Widget or custom painter.

QR.Flutter is a Flutter library for simple and fast QR code rendering via a Widget or custom painter. Need help? Please do not submit an issue for a "

Yakka 612 Jan 4, 2023
Stream Feed official Flutter SDK. Build your own feed experience using Dart and Flutter.

Official Flutter packages for Stream Activity Feeds The official Dart client for Stream Activity Feeds, a service for building activity feed applicati

Stream 67 Sep 26, 2022