How to get the current locale text direction in Flutter using Intl

Question

I'm creating a new flutter UI component that contains selection and getting more info about the product.

I want this component to support RTL also, So I need to get the current locale language direction which will allow me to know which corners of the selection shape will be rounded.

The LTR shape code is like this

shape: RoundedRectangleBorder(
  borderRadius: BorderRadius.only(
    bottomLeft: Radius.circular(35),
    topLeft: Radius.circular(35),
    ),
  )

The RTL shape code will be like

shape: RoundedRectangleBorder(
  borderRadius: BorderRadius.only(
    bottomRight: Radius.circular(35),
    topRight: Radius.circular(35),
    ),
  )

I know that intl provides functionality to get the direction of specific text while I want to get the default direction of the current select locale, So if the current locale is Arabic, Farsi or any other right to left language I will return the RLT component. I don't know exactly how to do it.

score 30 · Answer 1 · answered May 07 '20 at 14:49

30

Directionality.of(context) == TextDirection.rtl

answered May 07 '20 at 14:49

David Lawson

7,802
4
31
37

2

You need `import dart:ui`. In case of conflict with bidi_utils, see https://stackoverflow.com/questions/49647795/flutter-rtl-syntax-error-with-packageintl-intl-dart. – shield Nov 05 '20 at 10:34
1

It searches nearest Directionality widget and return its text direction. – Eslam Sameh Ahmed Apr 27 '22 at 11:55

score 9 · Accepted Answer · answered Jan 15 '20 at 12:26

Thanks to @chunhunghan I created a static method, this method takes the context and returns true based on the current locale of the app, because if you do not pass language code the function always returns false.

  import 'package:intl/intl.dart' as intl;
  static bool isDirectionRTL(BuildContext context){
   return intl.Bidi.isRtlLanguage( Localizations.localeOf(context).languageCode);
  }

chunhunghan · Answer 3 · 2020-01-15T05:08:24.930

3

You can directly use intl.Bidi.isRtlLanguage() with import 'package:intl/intl.dart' as intl;
inside this function if you do not pass language code such as en or ar, it will use Intl.getCurrentLocale()

code snippet from bidi_util.dart

 static bool isRtlLanguage([String languageString]) {
    var language = languageString ?? Intl.getCurrentLocale();
    if (_lastLocaleCheckedForRtl != language) {
      _lastLocaleCheckedForRtl = language;
      _lastRtlCheck = _rtlLocaleRegex.hasMatch(language);
    }
    return _lastRtlCheck;
  }

edited Jan 15 '20 at 05:08

answered Jan 15 '20 at 03:26

chunhunghan

51,087
5
102
120

Thanks for your help, It worked with some edits, I will write the full answer – Shady Mohamed Sherif Jan 15 '20 at 12:24

How to get the current locale text direction in Flutter using Intl

3 Answers3

Linked