Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
FlutterアプリのUI/UX改善例
Search
Kenichi Kambara
May 22, 2020
Technology
0
860
FlutterアプリのUI/UX改善例
Flutter Meetup Osaka #3の発表資料です。
「FlutterアプリのUI/UX改善例」
#flutter #flutterjp #flutter_osaka
Kenichi Kambara
May 22, 2020
Tweet
Share
More Decks by Kenichi Kambara
See All by Kenichi Kambara
[YUMEMI.grow Mobile #12]UX Improvements on Flutter Apps Part 2
korodroid
0
23
[potatotips #86]UX Improvements on Flutter Apps Part 1
korodroid
0
32
Supporting RTL on Flutter Apps 7 Development Tips
korodroid
0
35
[DevFestKC]Go Global with Flutter Apps 101
korodroid
0
38
[ABC2023A]Go Global with Flutter Apps
korodroid
0
27
[potatotips #85]Deep Dive into RTL on Flutter Apps (Short ver.)
korodroid
0
40
Supporting RTL on Flutter Apps
korodroid
0
38
[potatotips #84]Supporting Large Screen on Flutter
korodroid
0
86
7 Tips for Wear OS Apps Development
korodroid
0
42
Other Decks in Technology
See All in Technology
「スニダン」開発組織の構造に込めた意図 ~組織作りはパッションや政治ではない!~
rinchsan
3
550
プロデザ! BY リクルート vol.18_リクルートのリサーチ実践組織「リサーチブーストコミュニティ」
recruitengineers
PRO
3
280
Azure Container Apps + Bicep 〜 こんな感じで運用しています
kaz29
2
450
非同期推論システムによるコスト削減と信頼性向上
koki_nishihara
0
220
長期運用プロジェクトでのMySQLからTiDB移行の検証
colopl
2
840
KubeConにproposalを送りたい人へのアドバイス
sat
PRO
3
240
Hands-on Gemini, the Google DeepMind LLM
meteatamel
1
110
Google Cloud の AI を支える裏側のインフラを垣間見る!
maroon1st
0
340
地理空間データ可視化・解析・活用ソリューション Pacific Spatial Solutions (PSS)
pacificspatialsolutions
0
150
NgRx Signal Store
rainerhahnekamp
0
150
MLOpsの「壁」を乗り越える、LINEヤフーの Data Quality as Code
lycorptech_jp
PRO
5
470
コンテナセキュリティの基本と脅威への対策
kyohmizu
3
750
Featured
See All Featured
Principles of Awesome APIs and How to Build Them.
keavy
121
16k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
9
8.3k
Robots, Beer and Maslow
schacon
PRO
155
7.9k
How to name files
jennybc
65
93k
The Language of Interfaces
destraynor
151
23k
Build The Right Thing And Hit Your Dates
maggiecrowley
24
2k
Adopting Sorbet at Scale
ufuk
68
8.6k
Fantastic passwords and where to find them - at NoRuKo
philnash
37
2.5k
Building a Modern Day E-commerce SEO Strategy
aleyda
17
6.4k
How STYLIGHT went responsive
nonsquared
92
4.8k
Rails Girls Zürich Keynote
gr2m
91
13k
Docker and Python
trallard
34
2.7k
Transcript
2020.05.22 Kenichi Kambara (@korodroid) FlutterΞϓϦͷUI/UXվળྫ Flutter Meetup Osaka #3
About me •Mobile App Development •Technical Speeches •Technical Writings •[Official]
Evangelist at NTT TechnoCross •[Private] iplatform.org Kenichi Kambara (@korodroid)
ToDoΞϓϦ
UI/UXվળྫ 1. ڞ༗ػೳͷૢ࡞ੑվળ 2. ΞχϝʔγϣϯՃ
1. ڞ༗ػೳͷվળ
1. ڞ༗ػೳͷվળ ৄࡉը໘ʹભҠͯ͠ γΣΞ Ұཡը໘͔Β γΣΞ
flutter_slidable by romainrastel.com https://pub.dev/packages/flutter_slidable
࣮αϯϓϧ child: Slidable( actionPane: SlidableDrawerActionPane(), actionExtentRatio: 0.25, actions: <Widget>[ IconSlideAction(
caption: /*ڞ༗*/, color: Colors.indigo, icon: Icons.share, onTap: () => /*ڞ༗ॲཧ*/ ), ), IconSlideAction( caption: /*আ*/, color: Colors.red, icon: Icons.delete, onTap: () => /*আॲཧ*/), ), ],
2. ΞχϝʔγϣϯՃ(Ұ෦ൈਮ)
animations by flutter.dev https://pub.dev/packages/animations
animations by flutter.dev https://pub.dev/packages/animations
࣮αϯϓϧ child: OpenContainer( closedShape: const RoundedRectangleBorder( borderRadius: BorderRadius.all( Radius.circular(32.0), ),
transitionType: ContainerTransitionType.fade, transitionDuration: const Duration(milliseconds: 5000), closedBuilder: (BuildContext context, VoidCallback openContainer) { return ListTile( leading: icon, title: Text( title, style: TextStyle(color: Colors.white, fontSize: 18.0), ), onTap: () { openContainer(); }, ); }, openBuilder: (BuildContext context, VoidCallback _) { return SubScreen(); }, closedColor: Colors.blueAccent, openColor: Colors.blueGrey, ), ),
•flutter_slidable https://pub.dev/packages/flutter_slidable •animations https://pub.dev/packages/animations Reference
Please let me know if you have any requests
such as technical speeches, technical writings and so on. Facebook:http://fb.com/kanbara.kenichi Twitter:@korodroid LinkedIn:http://www.linkedin.com/in/korodroid Thank you so much