Flutter Resources

Primary Resources

• Flutter
• Flutter: Documentation
• Flutter: Widget Catalog
• Dart
• Dart: Documentation
• Code with Andrea
• Bezkoder
• Medium: FlutterDevs

IDE

You have a couple of key options, and each has associated extensions / plugin’s which will make life easier

• Android Studio or IntelliJ
• VSCode

IDE Shortcuts

• VSCode Shortcuts, Extensions & Settings for Flutter Development
• IntelliJ / Android Studio Shortcuts for Flutter Development

Packages

• pub.dev
• Equatable: esential for comparing objects
• build_runner
• hive | docs

Might be useful, haven’t tried it yet

• isar | repo: Isar - from Hive, supports multiple isolates
• bottom_inset_observer - track the presense of an active keyboard or not
• surfstudio / SurfGear

Tools

• DartPad

Object Oriented Programming

• Implements v/s Extends v/s With Keywords In Dart
• Dart - Differences Between extends, implements and mixin

Dart

• Constructors
• Lists
  • .fold<T>

Classes & Widgets

Radio Buttons

• widget: Radio
• widget: RadioListTile
• Create and customize Flutter radio buttons
• Exploring Custom Radio Button In Flutter - uses a ShapeDecoration on a Container for provide numbered circles
• example: repo: hamishnorton / flutter_semantics_examples

Checkboxes

• widget: Checkbox
• widget: CheckboxListTile
• CheckBox ListTile In Flutter

Fields

• The ultimate guide to text fields in Flutter

Autocomplete

• widget: Autocomplete
• widget: RawAutocomplete

Date and Time

• DateTime

Accessibility

• docs: Accessibility
• Accessibility in Flutter : Tips for a more inclusive app - The heading “Golden tests : A11Y and landscape screen orientation” discusses a way to test rendering

Turn on Accessibility by default / preclick “Enable Accessibility” button by adding
RendererBinding.instance.setSemanticsEnabled(true) to the build method of your app.

Turn on the Semantic overlay by setting .showSemanticsDebugger: true on your WidgetsApp or MaterialApp

Semantics

• widget: Semantics
• class: SemanticsProperties
• widget: MergeSemantics
• widget: ExcludeSemantics
• widget: BlockSemantics

Focus

• Understanding Flutter’s focus system
• Cookbook > Forms > Focus and text fields
• Easily move the focus between TextFormFields with FocusScopeNode - may be superseded by the first resource

Snipets

Disable TextField counter

1
2
3
4
5

  static InputDecoration buildInputDecoration(
      {required BuildContext context}) {
    return InputDecoration(counterText: '')
        .applyDefaults(Theme.of(context).inputDecorationTheme);
  }