将AppBar中的文本方向从LTR更改为RTL抖动

问题描述

我有一个正在构建的应用程序，并且其中有一个AppBar。我的文字是阿拉伯语，我希望将文字位置从LTR（从左到右）更改为RTL（从右到左）

这是AppBar

的屏幕截图

这是我的AppBar

的代码

class MyAppBar extends StatelessWidget with PreferredSizeWidget {

  @override
  Size get preferredSize => Size.fromHeight(kToolBarHeight);

  @override
  Widget build(BuildContext context) {
    return AppBar(
      title: Text(
        kAppBarTitleFirst,),);
  }
}

问题是：-如何使文本عنوان التطبيق代替我标记的红色（请参见上面的屏幕截图）

解决方法

如果您想在整个应用程序中而不是仅在应用程序栏上将文本方向从右向左移动，则可以提供Directionality至MaterialApp

MaterialApp(
 builder: (context,child) {
    return Directionality(
      textDirection: TextDirection.rtl,child: child,);
  },);

,

使用文本小部件的 textDirection属性。

class MyAppBar extends StatelessWidget with PreferredSizeWidget {

  @override
  Size get preferredSize => Size.fromHeight(kToolBarHeight);

  @override
  Widget build(BuildContext context) {
    return AppBar(
      title: Text(
        kAppBarTitleFirst,textDirection:Textdirection.rtl;
      ),// add this line
    ); 
  }
}