What is flutter and why should i care?
8 likes6,916 views
Flutter is an open-source multiplatform mobile development SDK created by Google, utilizing Dart and inspired by React. It allows for the use of the same source code for both Android and iOS applications, featuring native plugins and a customizable widget tree. The document includes instructions for getting started, providing sample code and a brief comparison of stateful and stateless widgets.
![Running flutter doctor...
[√] Flutter (on Microsoft Windows [Version 10.0.15063], locale en-US, channel
master)
• Flutter at C:Userssergidevflutterflutter
• Framework revision 4e48a737eb (4 weeks ago), 2017-11-06 17:40:13 -0800
• Engine revision d8a0dd2958
• Tools Dart version 1.25.0-dev.11.0
[√] Android toolchain - develop for Android devices (Android SDK 25.0.3)
• Android SDK at C:UserssergiAppDataLocalAndroidsdk
• Platform android-25, build-tools 25.0.3
• Java binary at: C:Userssergidevandroid-studio3rcjrebinjava
• Java version OpenJDK Runtime Environment (build 1.8.0_152-release-884-b01)
[√] Android Studio (version 3.0)
• Android Studio at C:Userssergidevandroid-studio3rc
• Java version OpenJDK Runtime Environment (build 1.8.0_152-release-884-b01)
[√] IntelliJ IDEA Community Edition (version 2017.1)
• Flutter plugin version 18.1
• Dart plugin version 171.4424.63
[√] Connected devices
• None](https://image.slidesharecdn.com/whatisflutterandwhyshouldicare-171127075744/85/What-is-flutter-and-why-should-i-care-18-320.jpg)
More Related Content
Similar to What is flutter and why should i care? (20)
![[ABC2018Spring]Flutterアプリ開発入門](https://cdn.slidesharecdn.com/ss_thumbnails/abc2018sflutterkenichikambara-180609052604-thumbnail.jpg?width=560&fit=bounds)
What is flutter and why should i care?
- 1. What is Flutter? and why should I care?
- 2. About me Sergi Martínez @sergiandreplace Android GDE & dev at Schibsted Spain
- 3. Disclaimer: I’m a fanboy
- 5. A new multiplatform mobile development SDK based on Dart with inspiration on React
- 7. A newopen source multiplatform mobile development SDK based on Dart with inspiration on React First alpha release on Christmas 2015 But gaining traction this year Still in alpha*
- 8. A new open sourcemultiplatform mobile development SDK based on Dart with inspiration on React https://github.com/flutter/flutter
- 9. A new open source multiplatform mobile development SDKbased on Dart with inspiration on React Same source code for both Android and iOS Material + Cupertino Native plugins
- 11. A new open source multiplatform mobile development SDK based on Dartwith inspiration on React Created by Google as a JS transpilation language Widely used at Google Javascript-ish enough to start using it
- 12. A new open source multiplatform mobile development SDK based on Dart with inspiration on React Compare Update diff Real DOM Virtual DOM Application UI R e n d e r Canvas Events
- 13. A new open source multiplatform mobile development SDK based on Dart with inspiration on React Widget Tree R e n d e r Canvas Events Application Platform
- 15. How to start?
- 16. $ git clone [email protected]:flutter/flutter.git
- 17. $ flutter doctor
- 18. Running flutter doctor... [√] Flutter (on Microsoft Windows [Version 10.0.15063], locale en-US, channel master) • Flutter at C:Userssergidevflutterflutter • Framework revision 4e48a737eb (4 weeks ago), 2017-11-06 17:40:13 -0800 • Engine revision d8a0dd2958 • Tools Dart version 1.25.0-dev.11.0 [√] Android toolchain - develop for Android devices (Android SDK 25.0.3) • Android SDK at C:UserssergiAppDataLocalAndroidsdk • Platform android-25, build-tools 25.0.3 • Java binary at: C:Userssergidevandroid-studio3rcjrebinjava • Java version OpenJDK Runtime Environment (build 1.8.0_152-release-884-b01) [√] Android Studio (version 3.0) • Android Studio at C:Userssergidevandroid-studio3rc • Java version OpenJDK Runtime Environment (build 1.8.0_152-release-884-b01) [√] IntelliJ IDEA Community Edition (version 2017.1) • Flutter plugin version 18.1 • Dart plugin version 171.4424.63 [√] Connected devices • None
- 19. Editor With plugin IntelliJ Idea (CE or Enterprise) Android Studio Visual Studio Code Or anything else using console
- 20. Sample code
- 21. import 'package:flutter/material.dart'; void main() => runApp(new MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return new MaterialApp( title: 'Flutter Demo', theme: new ThemeData( primarySwatch: Colors.blue, ), home: new Scaffold( appBar: new AppBar( title: new Text("My App"), ), body: new Center( child: new FlutterLogo(), ), ), ); } }
- 22. Live demo!
- 24. All Widgets are immutable
- 25. To modify them we need a state that recreates the widget tree
- 26. Show me!
- 27. Final thoughts
- 28. Aaaand questions? Pssst, check my blog sergiandreplace.com Or my twitter @sergiandreplace