Flutter i18n_extension简单易懂

  1. 添加依赖
  2. 书写翻译包
  3. 在页面中使用

添加依赖

dependencies:
  flutter:
    sdk: flutter
  i18n_extension: ^8.0.0

翻译包

大致结构如此,pt_br代表你将使用这种语言作为你的输入语言,

// lib/utils/i18n.dart
import 'package:i18n_extension/i18n_extension.dart';

extension Localization on String {
    //pt_br代表你将使用这种语言作为你的输入语言
  static final _t = Translations("pt_br") +
      {
        "en_us": "Hello %s, this is %s",
        "pt_br": "Olá %s, aqui é %s",
        "zh_cn": "哈喽 %s , 这是 %s"
      } + {
        "en_us": "Hi",
        "pt_br": "Olá",
        "zh_cn": "嗨"
      };

  String get i18n => localize(this, _t);

  String fill(List<Object> params) => localizeFill(this, params);

}

在页面中使用

import 'package:i18n_extension/i18n_widget.dart';
import 'package:<projectName>/utils/i18n.dart';


//将它包裹在入口处
***

class MyApp extends StatelessWidget {

  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return I18n(initialLocale:Locale("en","US"),
    child:<U app main>;
  }
}

***

一般开发我们用中文作为默认,调整翻译包默认语言即可

I18n(
   initialLocale: const Locale("en","US"),
   child: Text("嗨".i18n), //-->  Hi

最后完成持久化

使用本地缓存当前选择的语言即可。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Flutter Zoomable Image 是一个用于 Flutter 应用程序的库,它提供了一个可缩放和拖动的图像小部件。使用 Flutter Zoomable Image,您可以轻松地实现图像的缩放、拖动和捏放手势操作。这对于创建具有可交互性的图像查看器和画廊等应用程序非常有用。 要使用 Flutter Zoomable Image,您需要在项目的 `pubspec.yaml` 文件中添加依赖项,并运行 `flutter packages get` 命令来获取库。 以下是一个简单的示例代码,演示了如何在 Flutter 中使用 Zoomable Image: ```dart import 'package:flutter/material.dart'; import 'package:flutter_zoomable_image/flutter_zoomable_image.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'Zoomable Image Demo', theme: ThemeData( primarySwatch: Colors.blue, ), home: MyHomePage(), ); } } class MyHomePage extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('Zoomable Image Demo'), ), body: Center( child: ZoomableImage( AssetImage('path/to/your/image.jpg'), placeholder: Center(child: CircularProgressIndicator()), backgroundColor: Colors.black, ), ), ); } } ``` 在上面的示例中,我们创建了一个简单Flutter 应用程序,其中包含一个使用 ZoomableImage 小部件的页面。ZoomableImage 接受一个 AssetImage 对象作为图像源,并提供了一些可选参数,例如 placeholder(用于在图像加载期间显示的小部件)和 backgroundColor(用于设置图像背景色)。 您可以根据自己的需求定制 Zoomable Image 的样式和行为。要了解更多关于 Flutter Zoomable Image 的信息和用法,请参考官方文档或库的 GitHub 页面。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值