如何解决flutter 如何创建从右到左 (rtl) 应用程序
我使用 GetX 在 Flutter 中启动了一个应用程序。我想创建一个 rtl 应用程序,我使用 flutter_localizations 包作为 this post 。
这是我的 main() 代码
void main() => runApp(
GetMaterialApp(
localizationsDelegates: [
GlobalMaterialLocalizations.delegate,GlobalWidgetsLocalizations.delegate,GlobalCupertinoLocalizations.delegate,],supportedLocales: [
Locale('fa','IR'),locale: Locale('fa',home: HomeScreen(),),);
这是我的主屏幕代码
return Scaffold(
backgroundColor: Colors.white,body: SafeArea(
child: Text(
"Some Text",style: TextStyle(
color: Colors.black,fontSize: 20,fontWeight: FontWeight.bold,);
正如您在此图片中看到的,调试横幅已移至左侧,但文本钢在左侧
解决方法
该应用程序已经是 rtl。只是 safeArea 下的小部件以最小尺寸将小部件放在左侧,我不知道为什么会发生这种情况 尝试用一行或一个容器包裹你的文本小部件并给它一个宽度然后你可以看到默认现在是在右边而不是左边。
,您的应用程序正确无误,您的问题是当前的主体小部件,将其作为主体小部件进行测试:
body: SafeArea(
child: Row(
mainAxisSize: MainAxisSize.max,children: [
Text("Some Text"),],),
,
使用 textDirection
属性并将其设置为 TextDirection.rtl
本地文本方向
Text(
"Some Text",textDirection: TextDirection.rtl,
全局文本方向
MaterialApp(
home: Directionality(
textDirection: TextDirection.rtl,child: UserDetailsScreen(),
完整示例:
void main() => runApp(
MaterialApp(
home: Directionality(
// add this
textDirection: TextDirection.rtl,child: HomeScreen()),);
class HomeScreen extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.white,body: SafeArea(
child: Text(
"ہائے میں فلاں دنیا ہوں !!! امید ہے کہ آپ اچھا کر رہے ہیں۔ کوڈنگ مبارک ہو :)",style: TextStyle(
color: Colors.black,fontSize: 20,fontWeight: FontWeight.bold,);
}
}
输出:
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。