Supporting RTL on Flutter Apps

This is the slide, "Supporting RTL on Flutter Apps" on mobile seminor.
#flutter #flutterjp #mobile勉強会

Transcript

1. 2023.10.17 Kenichi Kambara (@korodroid) Mobileษڧձ#11 Supporting RTL on Flutter Apps
2. About me •Mobile App Development •Speeches (e.g. 15 Int’l/100+ Domestic) •Writings (e.g. 8 Dev Books) •[Of fi cial] Evangelist at NTT TechnoCross •[Private] iplatform.org Kenichi Kambara (X:@korodroid)
3. About my Flutter product (Private works) Sekaiphone Pro(Flutter/Kotlin/Swift) MyToDo(Flutter)
4. My Motivation 
5. My Motivation  English/Japanese… 4NBSU
   1IPOF
   -BOHVBHF
   4FUUJOHT
   
   
   Arabic
6. What’s RTL (Right To Left)?  Google Translation
7. RTL (Right To Left) Speakers  • Arabic: 310 million speakers/26 countries • Urdu: 101 million speakers • Hebrew: 9 million speakers • and some more… LingoHub: https://lingohub.com/academy/best-practices/rtl-language-list
8. My steps for supporting RTL on Flutter  1. Learning LTR Guidelines 2. Checking our UI without modi fi cations 3. Adding some modi fi cations 4. And more…
9. 1. Learning RTL Guidelines 
10. 1. Learning RTL Guidelines  https://m2.material.io/design/usability/bidirectionality.html
11. 2. Checking our UI without modi fi cations 
12. 3. Adding some modi fi cations  Image.asset( 'assets/images/chara.png', matchTextDirection: true, ), on LTR on RTL
13. Supporting RTL for getting more Users Conclusion
14. Please let me know if you have any requests 
 such as technical speeches, technical writings and so on. Facebook:http://fb.com/kanbara.kenichi X:@korodroid LinkedIn:http://www.linkedin.com/in/korodroid Thank you so much