Posts

Flutter Widget 101 Part 6 (Alert and Simple Dialog)

https://medium.com/@nils.backe/flutter-alert-dialogs-9b0bb9b01d28 https://stackoverflow.com/questions/50964365/alert-dialog-with-rounded-corners-in-flutter Dialogs In essence, dialogs are pop-up for further user verification/notification. There are few types of dialogs: AlertDialog  (rows of buttons below body). SimpleDialog  (handles scrolling of contents and no buttons below body). showCupertinoDialog  (iOS-style). showGeneralDialog  (allows customisations). showDialog () 3 Parameters. child is deprecated.  Return child from builder, example below. BuildContext context, Widget child,//deprecated WidgetBuilder builder, showDialog( context: context , barrierDismissible: true , builder: (BuildContext context) { return AlertDialog( content: new Text( "Welcome" ), actions: <Widget>[ new IconButton( icon: new Icon(Icons. launch ), onPressed: (){Naviga...

Flutter Widget 101 Part 5 (Snackbars, Context, Builder and Key)

1. Aim Through Snackbar, understand Context and how to use builder to access any context of a widget. 2.Snackbar Code from Codelab If you use Scaffold.of(context), there will be Context Error "Scaffold.of() called with a context that does not contain a Scaffold" import 'package:flutter/material.dart' ; void main() { runApp( new MaterialApp(home: new SnackApp())); } class SnackApp extends StatefulWidget { @override _SnackAppState createState() => _SnackAppState(); } class _SnackAppState extends State<SnackApp> { @override Widget build(BuildContext context) { return new Scaffold( appBar: new AppBar( title: new Text( "Snackbar exercise" ), ), body: new Center( child: new RaisedButton( onPressed: (){ final snackBar = SnackBar(content: Text( 'Yay! A SnackBar!' )); Scaffold. of (context).showSnackBar(snackBar); }, ...

Installation/Importing

 When importing projects, "Dart SDK is not configured" error code may arise. It can be resolving by linking to  bin/cache/dart-sdk in Flutter folder. It usually happens with projects that were created in other machines. To fix this on Android Studio 3.1.3: File-> Settings (ctrl+alt+s) Languages and Frameworks -> Dart Check "Enable Dart support for the project..." In "Dart SDK path" click in "..." and navigate to flutter SDK directory. Under that directory you'll find  "bin/cache/dart-sdk" . This is the dart sdk path you should use. Click "Apply" Close the project and open it again (sometimes you need this step, sometimes doesn't) Tip 1: Having problem with fetching a package? Come across this error code: "A dependency may only have one source. sdk: flutter" This may be due to an a n indentation align with sdk (example below). dependencies : flutter : sdk : flutt...

State

https://medium.com/flutter-community/flutter-state-management-setstate-fn-is-the-easiest-and-the-most-powerful-44703c97f035

Animation

Animated Container https://medium.com/flutter-community/flutter-animated-series-animated-containers-52a5d52c0ad3

Registration and Login Page

https://www.youtube.com/watch?time_continue=6&v=wmHT4EUnA-I

Resource

Basic Free Udemy Course Learning Free Udacity Course MTechViral Medium Articles Sample App Github Medium Articles Flutter Tutorial Handbook Reference Material Official Document Google Codelabs Community Flutter at Gitter Let's Flutter with Darts at Facebook Latest Development Flutter at Reddit FlutterDev at Twitter