![1. Download flutter package and extract it.
2. Run command to complete the installation flutter doctor [-v]
3. Download your favourite IDE and add flutter plugin to it.
Done !!!
Let’s get started](https://image.slidesharecdn.com/flutter2-181127182211/85/Flutter-15-320.jpg)
Flutter
- 1. Introduction to Flutter: The New Kid in Town*
- 2. What is Flutter ? Flutter allows you to build beautiful native apps on iOS and Android from a single codebase.
- 5. 1. Learning curve !! 2. Is it production ready ? 3. What about community support ? That’s nice, but ?
- 7. What’s under the hood Skia Dart Text Foundation Animation Painting Rendering Widgets Material Gestures Engine (C++) Framework (Dart) Cupertino Flutter Documentation “Architecture Diagrams”
- 8. Not just another cross platform SDK !!!
- 9. What is Dart ?
- 10. Dart ● Java like language , which make it easy to learn. ● Support both JIT and AOT compilation, which helps us to develop and iterate fast. ● It’s reactive by nature - Build-in Futures and Streams ● Compiles to native ARM
- 11. Everything’s a Widget Widgets are the basic building blocks. Each widget is an immutable declaration of part of the user interface. Unlike other frameworks that separate views, view controllers, layouts, and other properties, Flutter has a consistent, unified object model: the widget. A widget can define: ● a structural element (like a button or menu) ● a stylistic element (like a font or color scheme) ● an aspect of layout (like padding) ● and so on…
- 12. Composition > inheritance Widgets are themselves often composed of many small, single- purpose widgets that combine to produce powerful effects.
- 13. More on Widgets Stateless Widget constructor build Stateful Widget constructor createState A single Stateless Widget can build in many different BuildContexts A Stateful Widget creates a new State object for each BuildContext Flutter Documentation “Architecture Diagrams”
- 14. State<T> lifecycle (created) initState dispose (dirty) build (clean) didUpdateConfig setState (defunct) A State<T> object can rebuild if ... ... it receives a new configuration … it changes its internal state Flutter Documentation “Architecture Diagrams”
- 15. 1. Download flutter package and extract it. 2. Run command to complete the installation flutter doctor [-v] 3. Download your favourite IDE and add flutter plugin to it. Done !!! Let’s get started
- 17. Things that needs more thoughts 1. Code organization with project. 2. Provide build support for architecturing the app like JetPack.
- 18. Thank you For any query/details, you can also write at mohit7575@gmail.com
Editor's Notes
- #2: Hello Everyone, It’s has a long day with all the interesting talk throughout the day. Today we are going to talk on new buzzword in Mobile App development world. How many people are Mobile developer, then ask them how much time they expect to learn a new platform ? What will you do when you have hot startup idea and what want to release a mobile app on both platform, just to validate your assumptions? Do you have feeling that building a native project take some time and feel that you are getting under productive due to it?
- #3: The goal is to enable developers to deliver high-performance apps that feel natural on different platforms. They embrace differences in scrolling behaviors, typography, icons, and more.
- #4: I am happy with my current platform, why i should take pain of learning new platform?
- #5: Let’s hear it from the creator itself.
- #6: Learning is minimal, for myself it took me less than a day to understand the platform and start creating app. Even course you will on most the e-learning platform on and avg has a course length of less than 2 days. Flutter is still being developed and is not yet at 1.0. But Flutter is used inside of Google and apps built with Flutter are deployed to users in production. App’s example : Google Ad’s , Google Greentea, Alibaba Good community support, documentation is very goods.
- #11: What is Dart ? It’s the programming language that’s developed by Google, which we used. Developers at Google and elsewhere use Dart to create high-quality, mission-critical apps for iOS, Android, and the web. With features aimed at client-side development, Dart is a great fit for both mobile and web apps.
- #16: Flutter doctor will prompt you install Android Studio and Xcode, so you run your code on the emulator or simulators.