• 赚钱入口【需求资源】限时招募流量主、渠道主,站长合作;【合作模式】CPS长期分成,一次推广永久有收益。主动打款,不扣量;

right to left (RTL)

Flutter cps12345 6个月前 (08-11) 85次浏览 0个评论

从右向左布局

1. 设置全局从右到左

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

2. 根据地区自动支持

1: 添加本地化插件

添加 flutter_localizations 到 pubspec.yml  中:

dependencies:
  flutter:
    sdk: flutter
  flutter_localizations:
    sdk: flutter
2:实现从右到左

在 supportedLocales 中的语言,如果是 RTL 的语言,将自动会实现 RLT 的阅读顺序

import 'package:flutter/material.dart';
import 'package:flutter_localizations/flutter_localizations.dart';

MaterialApp(
  localizationsDelegates: [
    GlobalMaterialLocalizations.delegate,
    GlobalWidgetsLocalizations.delegate,
  ],
  supportedLocales: [
    Locale("fa", "IR"), // OR Locale('ar', 'AE') OR Other RTL locales
  ],
  locale: Locale("fa", "IR") // OR Locale('ar', 'AE') OR Other RTL locales,
  .
  .
  .
);

 

喜欢 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址