Flutter 1.2 Features (Overview&Try vol.2)

The presentation of Flutter Meetup Tokyo 8
#flutter_meetup_tokyo #Flutter #FlutterJP

Transcript

1. 2019.03.26 Kenichi Kambara (@korodroid) Flutter 1.2 Features
 (Overview&Try vol.2) Flutter Meetup Tokyo #8
2. About me •Mobile Apps Development •Technical Speeches • Droidcon UK/FR/NL/ES/SH • Devoxx UA • Developers Summit • Android Bazaar and Conference • StackOverflow DevDays • Google I/O Extended • Cloud Days •Technical Writings •[Official] NTT TechnoCross •[Private] iplatform.org Kenichi Kambara (@korodroid)
3. •1.2 New Features Overview •Try Introduction
4. Source)Google Developers Blog(2019.03.04)
5. Flutter 1.2 Overview •Dart 2.2 •Material & Cupertino Widget Sets •In-App Purchases •Android App Bundles •New Developer Tools
6. Flutter 1.2 Overview •Dart 2.2 •Material & Cupertino Widget Sets •In-App Purchases •Android App Bundles •New Developer Tools
7. New Developer Tools >Source-level Debugger
8. Flutter 1.2 Overview •Dart 2.2 •Material & Cupertino Widget Sets •In-App Purchases •Android App Bundles •New Developer Tools https://bit.ly/2HuUm76
9. Flutter 1.2 Overview •Dart 2.2 •Material & Cupertino Widget Sets •In-App Purchases •Android App Bundles •New Developer Tools
10. Dart 2.2 • AOT Performance Improvement - 15-20% faster native code • Dart 2 Common Front-End (CFE) - Set literal language const Set<String> countries = {'Japan', 'Germany', ‘Singapore’};
11. [Review]Android/iOS Apps • MaterialApp import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { // This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( home: HomeScreen(), ); } }
12. [Review]iOS style Apps • CupertinoApp import 'package:flutter/cupertino.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { // This widget is the root of your application. @override Widget build(BuildContext context) { return CupertinoApp( home: HomeScreen(), ); } }
13. iOS style Apps • CupertinoPageScaffold+CupertinoThemeData class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return CupertinoApp( theme: CupertinoThemeData( textTheme: CupertinoTextThemeData( navLargeTitleTextStyle: TextStyle( fontWeight: FontWeight.bold, fontSize: 32.0, color: CupertinoColors.activeBlue))), home: HomeScreen(), ); } } class HomeScreen extends StatelessWidget { @override Widget build(BuildContext context) { return CupertinoPageScaffold( child: Center( child: Text('Hello Cupertino', style: CupertinoTheme.of(context).textTheme.navLargeTitleTextStyle)), ); } }
14. iOS style Apps • CupertinoTabScaffold+CupertinoTabBar class HomeScreen extends StatelessWidget { @override Widget build(BuildContext context) { return CupertinoTabScaffold( tabBar: CupertinoTabBar(items: [ BottomNavigationBarItem( icon: Icon(CupertinoIcons.bookmark), title: Text('Bookmark')), BottomNavigationBarItem( icon: Icon(CupertinoIcons.search), title: Text('Search')), BottomNavigationBarItem( icon: Icon(CupertinoIcons.add), title: Text('Add')) ]), tabBuilder: (context, i) { return Center( child: Text('Hello Cupertino'), ); }, ); } }
15. In-App Purchases https://github.com/flutter/plugins/tree/master/packages/in_app_purchase
16. Android App Bundles https://github.com/flutter/flutter/pull/24440
17. •Google Developer Blog Article
 https://developers-jp.googleblog.com/2019/03/launching- flutter-12-at-mobile-world.html •Flutter 1.2.1 Release Notes
 https://github.com/flutter/flutter/wiki/Release-Notes--- Changes-in-1.2.1 Reference
18. Please let me know if you have any requests 
 such as technical speeches, technical writings and so on. Facebook:http://fb.com/kanbara.kenichi Google+:+Kenichi Kambara LinkedIn:http://www.linkedin.com/in/korodroid Twitter:@korodroid Thank you so much