how to get current layout direction in Flutter?

Question

I'm working on an application that should also work with RTL layout direction (Arabic and Hebrew languages).

I also need to perform some changes in the layout in case the layout direction is RTL.

How can I determine what is the current layout direction of the app?

@xxx what is the connection to the question you posted? the question you posted talks about screen orientation (meaning portrait or landscape). My question is regarding layout direction (meaning left-to-right or right-to-left). Please validate that the question is indeed duplicate before you flag it as one! — Emil Adz, Jan 24 '20 at 12:27

score 22 · Accepted Answer · edited Aug 07 '22 at 17:20

You can get the current direction using Directionality.of.

final TextDirection currentDirection = Directionality.of(context);
final bool isRTL = currentDirection == TextDirection.rtl;

which determines `the direction of the selctedlanguage but if need you to set it manually, probably this can work for you.

Widget build(BuildContext context) {
  return MaterialApp(
    debugShowCheckedModeBanner: false,
    theme: ThemeData(),
    home: Directionality(
      textDirection: TextDirection.rtl,
      child: Home(),
    ),
  );
}

codeNeverDie · Answer 2 · 2020-12-20T08:58:54.933

1

Add this method to your class :


bool isRTL() => Directionality.of(context).toString().contains(TextDirection.RTL.value.toLowerCase());

Usage in the build() method :


RichText(
   textAlign: isRTL() ? TextAlign.right : TextAlign.left,
   .....
),

edited Dec 20 '20 at 08:58

answered Dec 20 '20 at 08:53

codeNeverDie

184
1
7

1

i have simplified it to bool isRtl = Directionality.of(context).index == 0; – Hatem R Saber Oct 26 '21 at 12:47

how to get current layout direction in Flutter?

2 Answers2