App1:

https://medium.com/flutter-io/zero-to-one-with-flutter-43b13fd7b354

Comments

Post a Comment

Popular posts from this blog

Animation Class: AppBar and Tabbar

App Bar https://flutter.io/docs/catalog/samples/basic-app-bar https://material.io/design/components/app-bars-top.html#theming https://docs.flutter.io/flutter/material/AppBar-class.html The AppBar displays the toolbar widgets leading title actions bottom   TabBar . Declaring new method inside widget by (){}; void main(){ runApp( new MaterialApp(home: new AppTest1())); } class AppTest1 extends StatefulWidget { @override _AppTest1State createState() => _AppTest1State(); } class _AppTest1State extends State<AppTest1> { String bodyText = " " ; @override Widget build(BuildContext context) { return new Scaffold( appBar: new AppBar( backgroundColor: Colors. red , leading: new Icon (Icons. laptop_chromebook ), title: new Text( "Appbar Title" ), //centerTitle: true, //titleSpacing: 80.0, elevation: 10.00 , actions: <Widget>[ new IconButton(icon: new Icon(...
Read more

Flutter Widget 101 Part 1 (Basic of Flutters, Layouts, Rows and Columns)

Image
1. What every programme starts with void main() => runApp( new MyApp()); "=>" is an operator and it  denotes   { return  expr ; } . () denotes method runApp will run MyApp() which is a widget. Besides running MyApp(), you can also play with runApp() function by doing the following: new Text(). Do remember to include the TextDirection. Text will appear on the top left hand corner of the screen. void main() { runApp( new Text( 'Hello World' ,textDirection: TextDirection. ltr ,)); } Make it centralised in the center through the following. void main() => runApp( new Center( child: new Text( 'Hello World' ,textDirection: TextDirection. ltr ,) ) ); 2.Declaring App/Widget to be run in runApp() void main() => runApp(MyApp()); class MyApp extends StatelessWidget{ @override Widget build(BuildContext context) { // TODO: implement build return null ; } } extends is the inheriting of...
Read more

Forms in Flutter (Validator and UI)

How to create a form Widget with validators in 3 simple steps I. C8 Global key in a Stateful Widget II. Add Validator to TextFormField Widget III. With Form Key, see Current State and Invoke the validate method Step I: C8 Global key in a Stateful Widget class MyCustomFormState extends State<MyCustomForm> {   final _formKey = GlobalKey<FormState>();   @override   Widget build(BuildContext context) {     return Form(       key: _formKey,       child: HomePage());}} Step II: Add Validator to TextFormField Widget TextFormField(   validator: (form_value) {     if (form_value.isEmpty) {       return 'Please enter some text'}     return null; },); Step III: With Form Key, see Current State and Invoke the validate method RaisedButton(   onPressed: () {     if (_formKey.currentState.validate()) {       Scaffold...
Read more