Flutter: Change default textDirection on the whole app to RTL

Question

I'm building an Arabic based app (RTL language) using flutter and I guess there is a way better than using Directionality in each page like this Directionality(textDirection: TextDirection.rtl, child: FacultyPage()) as I don't feel it's a clean approach and sometimes I forget to implement Directionality as parent widget especially in large apps with a lot of pages/screens.

So the default layout becomes RTL no need to redoing it by Directionality each screen/page.

Answer 1

The easiest way to set RTL configuration for the entire app is:

void main() {
  runApp(
    MaterialApp(
      home: Directionality( // use this
        textDirection: TextDirection.rtl, // set it to rtl 
        child: HomePage(),
      ),
    ),
  );
}

Answer 2

The cleanest way to set directionality across the app without defining Directionality widget(s) is to use localizations delegate.

See example below.

my_localization_delegate.dart

class MyLocalizationDelegate
    extends LocalizationsDelegate<WidgetsLocalizations> {

  final MyLocalization mylocalization;

  MyLocalizationDelegate(this.myLocalization);

  @override
  bool isSupported(Locale locale) => true;

  @override
  Future<WidgetsLocalizations> load(Locale locale) async => mylocalization

  @override
  bool shouldReload(MyLocalizationDelegate old) => false;
}

my_localization.dart

class MyLocalization implements WidgetsLocalizations {
  @override
  TextDirection get textDirection {
     // logic to return the correct directionality
  }
}

your_app.dart

  final MyLocalization _myLocalization = Mylocalization();
  final MyLocalizationDelegate _myLocalizationDelegate = MyLocalizationDelegate(_myLocalization);

  ...

  Widget build(BuildContext context) {
    return MaterialApp(
      localizationsDelegates: [_myLocalizationDelegate],

 ...