Flutter basics
Installation#
- Go to https://flutter.io/setup
- Download and Install Android Studio -- Flutter can be used with any code editor as it is a command line interface
- Download an Android Virtual Device -- https://developer.android.com/studio/run/managing-avds
Going to flutter from React-Native#
Flutter has a nifty guide for developers coming from react native, it compares the differences and similarities between RN and flutter approaches and obviously the language is a big difference.
Basic Elements#
Flutter uses widgets to define all UI elements. There are a lot of built in widgets in flutter and making a custom one is as easy.
Some common widgets are:
Appbar#
Acts as the top bar, a toolbar for other widgets.
- https://api.flutter.dev/flutter/material/BottomNavigationBar-class.html
- https://api.flutter.dev/flutter/widgets/Center-class.html
- https://api.flutter.dev/flutter/widgets/Container-class.html
- https://api.flutter.dev/flutter/material/FlatButton-class.html
- https://api.flutter.dev/flutter/widgets/ListView-class.html