Upgrade to Pro — share decks privately, control downloads, hide ads and more …

[potatotips #85]Deep Dive into RTL on Flutter Apps (Short ver.)

[potatotips #85]Deep Dive into RTL on Flutter Apps (Short ver.)

This is the slide, "Deep Dive into RTL on Flutter Apps (Short ver.)" on potatotips 85.
#flutter #flutterjp #potatotips

Kenichi Kambara

November 14, 2023
Tweet

More Decks by Kenichi Kambara

Other Decks in Technology

Transcript

  1. 2023.11.14
    Kenichi Kambara (@korodroid)
    potatotips #85
    Deep Dive into RTL on Flutter Apps
    (Short ver.)

    View full-size slide

  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)
    NEW

    View full-size slide

  3. About my Flutter product (Private works)
    Sekaiphone Pro(Flutter/Kotlin/Swift) MyToDo(Flutter)

    View full-size slide

  4. My Motivation

    English/Japanese…
    4ZTUFN-BOHVBHF4FUUJOHT
    Arabic

    View full-size slide

  5. What’s RTL (Right To Left)?

    Google Translation

    View full-size slide

  6. Today’s Topics

    •Basics
    •Deep Dive into RTL

    View full-size slide

  7. Basics: Learning RTL Guidelines

    https://m2.material.io/design/usability/bidirectionality.html

    View full-size slide


  8. Basics: Learning RTL Guidelines

    View full-size slide

  9. Deep dive into RTL (Icon)

    2. Default
    1. Original
    on LTR on RTL

    View full-size slide

  10. 1. Original

    Image.asset(
    'assets/images/chara.png',
    matchTextDirection: true,
    ),
    on LTR on RTL

    View full-size slide

  11. 2. Default

    https://api.
    fl
    utter.dev/
    fl
    utter/material/Icons-class.html

    View full-size slide

  12. 2. Default

    Icon(
    Icons.arrow_back,
    size: 80.0,
    ),
    on LTR on RTL

    View full-size slide

  13. 2. Default

    Icon(
    Icons.attach_money,
    size: 80.0,
    ),
    on LTR on RTL

    View full-size slide

  14. Supporting RTL for getting more Users
    Conclusion

    View full-size slide

  15. 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

    View full-size slide