App1:

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

Comments

Post a Comment

Popular posts from this blog

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

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); }, ...
Read more

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