Code for Flutter Talk from Flutter Vikings 2022: Custom User Interactions in Flutter

Overview

Custom User Interactions - Flutter Vikings 2022

A companion app for the Flutter Vikings 2022 talk - Custom User Interactions with Shortcuts, Intents, and Actions (slides). Contains live examples of all of the demos and quiz questions in the talk.

Run it live on the web at justinmc.github.io/flutter_shortcut_intent_action_talk/. Most demos require a physical keyboard.

Main demo: Flutter Paint

A simplified drawing app. Demonstrates Actions and Shortcuts in a real app, as well as text editing shortcuts with DefaultTextEditingShortcuts.

Use the dropdown in the AppBar to switch between code versions mentioned in the talk.

Other demos

  1. Actions demo - demonstrates Actions and Actions.invoke.
  2. Shortcuts demo - demonstrates Shortcuts and Actions together.
  3. TextField demo - demonstrates how Flutter manages keyboard shortcuts internally and how app developers can customize the default behavior.

Quiz questions

  1. Actions nested
  2. Actions nested with one empty
  3. Shortcuts nested
  4. Actions above and below Shortcuts
  5. TextField override

Repository maintenance

To publish to GitHub Pages, do the following:

  1. git checkout pages
  2. git merge main
  3. flutter build web
  4. Edit build/web/index.html and change the base href to "/flutter_shortcut_intent_action_talk/".
  5. cp -r build/web/ docs/
  6. git commit -am "Update GitHub Pages"
  7. git push
You might also like...

SPAJAM 2022 app by Flutter Lovers team.

spajam2022 A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if th

Dec 26, 2022

SPAJAM 2022 final round app by Flutter Lovers team.

spajam2022final A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started

Dec 15, 2022

Flutter Based Application For Task Organization ( KanBan Board ), Hacktober 2022 accepted.

Make your first Pull Request on Hacktoberfest 2022. Don't forget to spread love and if you like give us a ⭐️ Flutter Based Application For Task Organization ( KanBan Board ), Hacktober 2022 accepted.

Oct 27, 2022

Hack&Heal hybrid hackathon 2022 - Body & Mind topic

Hack&Heal hybrid hackathon 2022 - Body & Mind topic

Meditation App Hack&Heal hybrid hackathon 2022 - Body & Mind topic The MVP is available for mobile browsers here. The Problem 3.6 million citizens hav

Jun 19, 2022

This project is created for Hactoberfest 2022 - EXCLUDED

This project is created for Hactoberfest 2022 - EXCLUDED

Hacktoberfest 2022 - EXCLUDED PROJECT DO NOT CONTRIBUTE Hacktoberfest is a month-long global celebration of open source software run by DigitalOcean i

Oct 19, 2022

Built-in Cam Cloud Service(2022 Embeded SW Contest/Car & Mobility)

Built-in Cam Cloud Service(2022 Embeded SW Contest/Car & Mobility)

BCCS (Built-in Cam Cloud System) 목차 작품 소개 작품 시연 어플리케이션 UI Hardware 구성 Software 구성 기술스택 1. 작품 소개 작품 설명 본 시스템은 차량에서 발생한 이벤트를 별도의 저장소 없이 클라우드에서 관리하여 자료의

Oct 12, 2022

Create a Flutter User Profile Page UI where you can access and edit your user's information within your Flutter app.

Create a Flutter User Profile Page UI where you can access and edit your user's information within your Flutter app.

Flutter Tutorial - User Profile Page UI 1/2 Create a Flutter User Profile Page UI where you can access and edit your user's information within your Fl

Dec 6, 2022

Create a Flutter User Profile Page UI where you can access and edit your user's information within your Flutter app.

Create a Flutter User Profile Page UI where you can access and edit your user's information within your Flutter app.

Flutter Tutorial - User Profile Page UI #2 Create a Flutter User Profile Page UI where you can access and edit your user's information within your Flu

Dec 15, 2022

Let's create a complete Flutter User Profile Page with SharedPreferences to persist the user's information in Flutter.

Let's create a complete Flutter User Profile Page with SharedPreferences to persist the user's information in Flutter.

Flutter Tutorial - User Profile & SharedPreferences Let's create a complete Flutter User Profile Page with SharedPreferences to persist the user's inf

Dec 3, 2022
Owner
Justin McCandless
Building Flutter :blue_heart:
Justin McCandless
Flutter (web) app for the DevFest 2022 in HH, containing my slides as well as the examples used to talk about navigation

go_go_router A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if

René Schramowski 2 Dec 15, 2022
A fun Snowfall/Rainfall Project with Interactions

snowfall Snowfall Project Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this is yo

Paras Jain 8 Oct 31, 2022
A Flutter todo app example written for a Flutter talk

Updated to Flutter 2.5.3 with null-safety Refactored all tests to new Flutter testing tools A Flutter "Todo" App This project is part of a talk introd

João Soares 28 Oct 25, 2022
Sūpāhīrō is a demo app for the talk/write on super charging your navigation 1.0 in flutter apps

navhero A simple experiment to give nav1.0 super powers. Named routing in Nav 1.0 could get messy, with large router files here and there. This projec

Samuel Abada 9 Dec 3, 2022
Tribally SDKs enable your users to create communities and bring in more people to talk about the things they love.

tribally Tribally SDKs enable your users to create communities and bring in more people to talk about the things they love. Getting Started This proje

Horum 0 Dec 28, 2021
AdventOfCode 2022 in Dart focusing on code golf, making the solutions as small as possible

Advent of Code 2022 in Dart (Code Golf) This is my attempt at solving the Advent of Code 2022 puzzles in the shortest possible code using Dart 2.18. Y

Pascal Welsch 5 Dec 15, 2022
A flutter plugin about qr code or bar code scan , it can scan from file、url、memory and camera qr code or bar code .Welcome to feedback your issue.

r_scan A flutter plugin about qr code or bar code scan , it can scan from file、url、memory and camera qr code or bar code .Welcome to feedback your iss

PengHui Li 112 Nov 11, 2022
HappyNewYearAnimation-using-Flutter - A very delightful Welcome to 2022 with Flutter 🎉🎊🎆

happynewyearapp A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started

Pratik JH 0 Jan 1, 2022
A project made for the ECV Digital 2022. 🌐 The goal being to make a Flutter application to connect, register and display information of a given API.👨🏼🔧

not_netflix A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if t

QUENEL Laurent 2 May 7, 2022