Cross Platform Application Development Using Flutter
•Transferir como PPTX, PDF•
1 gostou•403 visualizações
Cross Platform Application Development Using Flutter
Recomendados
Mais conteúdo relacionado
Mais procurados
Mais procurados (20)
Semelhante a Cross Platform Application Development Using Flutter
Semelhante a Cross Platform Application Development Using Flutter (20)
Último
Último (20)
Cross Platform Application Development Using Flutter
- 1. Cross Platform Application Development Using Flutter Abhishek Kumar Gupta
- 8. Flutter is the next step in App development Speed and performance Fast , smooth performance Flexibility Customize anything Native look and feel Familiarity , ease of use Rapid Development Easy to learn , predictable
- 12. + =
- 14. https://www.dartlang.org/community/who-uses-dart Google AdWords Google Fuchsia AdSense performance reports Google Fiber Mandrill AdWords for video Google internal sales tool Google internal CRM Adobe
- 15. Fuchsia is a capability-based, real-time operating system (RTOS) currently being developed by Google. https://github.com/fuchsia-mirror/
- 19. StatefulWidget Widget changes Examples: CheckBox,TextView StatelessWidget Widget doesn't change Examples: Icon,Text
- 21. Widgets
- 25. Flutter - A single codebasefor Android andiOS - Rapid development cycles - Great tooling - Compiles to NativeCode - No reliance on OEMwidgets - No bridge needed
- 29. Local layouts: Every Widget defines it’s own layout. No need to tell the parent that it’s children are supposed tobe centered.
- 31. $ git clone https://github.com/flutter/flutter.git $ export PATH=`pwd`/flutter/bin:$PATH $ flutter doctor
- 33. $ flutter create hello42dev
- 34. $ flutter run $ flutter run –d all $ flutter run –d <specific device/emulator>
- 35. $ flutter install $ flutter run –-release Release mode not supported for emulators
- 36. L i v e demo!
- 37. • Android: Jelly Bean, v16, 4.1.x or newer, • iPhone: iOS 8 or newer
- 38. • Online Dartpad : https://dartpad.dartlang.org/ • Flutter Gallery App : https://play.google.com/store/apps/details?id=io.flutter.gallery • Flutter Setup: https://flutter.io/setup/ • Examples : https://github.com/flutter/flutter/tree/master/examples • Awesome Flutter : https://github.com/Solido/awesome- flutter/blob/master/README.md • Flutter Documentation: https://docs.flutter.io • Package &plugins : https://pub.dartlang.org/flutter • Flutter layered design : https://www.youtube.com/watch?v=dkyY9WCGMi0 • Flutter Codelabs : https://codelabs.developers.google.com/codelabs/flutter/ • Flutter With Firebase : https://codelabs.developers.google.com/codelabs/flutter-firebase
- 39. Thankyou Flutter
Notas do Editor
- Flutter is a new project to help developers build high-performance, modern , mobile apps for iOS and Android from a single codebase.
- Skia (a 2D rendering engine) Skia is the same graphics engine that Android uses. This one is built directly from source - compiled whenever you build Flutter The text engine is from Blink, the rendering engine from Chromium. Layout for text is terribly hard - think about right to left, displaying dates and more. Every layer of the Framework builds upon the layer below it. For instance, the Material and Cupertino layers compose basic widgets from the widgets layer, which itself orchestrates objects from the rendering layer. This also allows to customize the framework as you please. This part of the beauty of Dart’s tree shaking mechanism (eliminates dead code).
- Dart is compiled using the standard Android and iOS toolchains for the specific mobile platform where your app needs to run. You get all the benefits of the Dart language, including familiar and terse syntax, first-class functions, async/await, rich standard libraries, and more.
- Flutter comes with it’s own widgets and renderer No support library needed. Not depended on OEM updates. Thanks to composition, we can only redraw what changed
- The beauty of hot reload is, that even after fixing an error, state is still maintained - allowing to iterate and develop far quicker.
- flutter doctor : Checks your environment and displays a report to the terminal window flutter upgrade : Updates both the Flutter SDK and your packages
- Important: If an Allow USB debugging dialog appears on the Android phone connected to the codelab machine, enable the Always allow from this computer option and click OK.
- To check connected devices : $ flutter devices Analyses your code and help you find possible mistakes : $ flutter analyse To run tests : $ flutter test Automatically formats your code according to the Flutter-style : $ flutter format
- Add Image asset add asset section in pubsec.yaml Dependency: pubsec.yaml
- import 'package:flutter/material.dart’; void main() { runApp(new Center(child: new Text('Hello, world!'))); }