首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何使用flutter本地化launcher中显示的应用名称?

要使用Flutter本地化Launcher中显示的应用名称,可以按照以下步骤进行操作:

  1. 在Flutter项目的根目录下,创建一个名为l10n的文件夹,用于存放本地化相关的文件。
  2. l10n文件夹中创建一个名为intl_en.arb的文件,用于存放英文本地化字符串。文件内容如下:
代码语言:txt
复制
{
  "@@locale": "en",
  "app_name": "My App"
}
  1. l10n文件夹中创建一个名为intl_zh.arb的文件,用于存放中文本地化字符串。文件内容如下:
代码语言:txt
复制
{
  "@@locale": "zh",
  "app_name": "我的应用"
}
  1. pubspec.yaml文件中添加以下依赖:
代码语言:txt
复制
dependencies:
  flutter_localizations:
    sdk: flutter
  flutter_localized_locales:
    sdk: flutter
  1. main.dart文件中添加以下代码:
代码语言:txt
复制
import 'package:flutter/material.dart';
import 'package:flutter_localizations/flutter_localizations.dart';
import 'l10n/l10n.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      localizationsDelegates: [
        AppLocalizations.delegate,
        GlobalMaterialLocalizations.delegate,
        GlobalWidgetsLocalizations.delegate,
      ],
      supportedLocales: AppLocalizations.supportedLocales,
      title: AppLocalizations.of(context).appName,
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(AppLocalizations.of(context).appName),
      ),
      body: Center(
        child: Text(AppLocalizations.of(context).appName),
      ),
    );
  }
}
  1. l10n文件夹中创建一个名为l10n.dart的文件,用于定义本地化相关的类和方法。文件内容如下:
代码语言:txt
复制
import 'package:flutter/material.dart';
import 'package:flutter_localizations/flutter_localizations.dart';

class AppLocalizations {
  final Locale locale;

  AppLocalizations(this.locale);

  static AppLocalizations of(BuildContext context) {
    return Localizations.of<AppLocalizations>(context, AppLocalizations);
  }

  static const LocalizationsDelegate<AppLocalizations> delegate =
      _AppLocalizationsDelegate();

  static List<Locale> get supportedLocales {
    return const [
      Locale('en', ''),
      Locale('zh', ''),
    ];
  }

  String get appName {
    switch (locale.languageCode) {
      case 'zh':
        return '我的应用';
      default:
        return 'My App';
    }
  }
}

class _AppLocalizationsDelegate
    extends LocalizationsDelegate<AppLocalizations> {
  const _AppLocalizationsDelegate();

  @override
  bool isSupported(Locale locale) {
    return ['en', 'zh'].contains(locale.languageCode);
  }

  @override
  Future<AppLocalizations> load(Locale locale) {
    return SynchronousFuture<AppLocalizations>(AppLocalizations(locale));
  }

  @override
  bool shouldReload(_AppLocalizationsDelegate old) {
    return false;
  }
}
  1. 运行Flutter应用程序,你将看到应用程序的名称在Launcher中显示为本地化的值。

这样,你就可以使用Flutter本地化Launcher中显示的应用名称了。根据需要,你可以在intl_en.arbintl_zh.arb文件中添加更多的本地化字符串,并在AppLocalizations类中进行相应的修改。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • Flutter设置Android应用名称和图标(android,ios,web)#yyds干货盘点#

    Flutter在新建过程,生成project name是默认应用名称应用图标也是默认,具体效果如下所示: [Flutter设置Android应用名称和图标(android,ios,web)...#yyds干货盘点#_应用图标_02] 一、Flutter设置Android应用名称和图标 这里把应用名称和图标放在一起介绍,具体操作如下所以。...,具体操作如下所示: (1)AndroidManifest.xml文件application下面的label对应值就是应用名称; [Flutter设置Android应用名称和图标(android...、Flutter设置web端应用名称和图标 应用名称 index.htmltitle [Flutter设置Android应用名称和图标(android,ios,web)#yyds干货盘点#_...flutter_08] 应用图标 [Flutter设置Android应用名称和图标(android,ios,web)#yyds干货盘点#_flutter_09] [Flutter设置Android

    3K20

    Flutter如何使用WillPopScope示例代码

    Flutter如何实现点击2次Back按钮退出App,如何实现App多个Route(路由),如何实现Back按钮只退出指定页面,此篇文章将告诉你。...App中有多个Navigator,想要是让其中一个 Navigator 退出,而不是直接让在 Widget tree 底层 Navigator 退出。...在使用TabView、BottomNavigationBar、CupertinoTabView这些组件时,希望有多个Tab,但每个Tab中有自己导航行为,这时需要给每一个Tab加一个Navigator...使用TabView、BottomNavigationBar、CupertinoTabView这些组件时也是一样原理,只需在每一个Tab中加入Navigator,不要忘记指定key。...总结 到此这篇关于Flutter如何使用WillPopScope文章就介绍到这了,更多相关flutter使用WillPopScope内容请搜索ZaLou.Cn以前文章或继续浏览下面的相关文章希望大家以后多多支持

    2.9K40

    如何使用bof-launcher在CC++Zig应用程序执行Beacon对象文件(BOF)

    自那时起,BOF变得非常流行,因此也衍生出了在Cobalt StrikeBeacon之外其他环境启动或执行BOF需求。...BOF模板开源BOF; 2、作为一个完全独立库分发,不依赖与任何其他组件(甚至不使用libc); 3、支持与C/C++/Zig应用程序完美集成; 4、增加了用Zig编程语言编写BOF能力,该语言所有功能和丰富标准库都可以用于...BOF; 5、异步BOF执行,能够在单独线程启动更耗时BOF; 6、BOF进程注入,通过将其注入新进程来启动风险更大BOF; 7、完美支持Windows COFF和UNIX/Linux ELF格式...: git clone https://github.com/The-Z-Labs/bof-launcher.git 然后,我们可以直接使用Zig来构建该项目代码。...zig build zig build test bof-launcher库 bof-launcher库是一个完全开源且独立代码库,可以用来执行任何形式BOF构建。

    13510

    Flutter | 资源管理

    当设备像素比 2 < (device pixel ratio) < 3 时候,images/3.0x/icon.png 图片将会被使用, 当 > 3 时候,4.0x 图片会被调用 Flutter...在 pubspec.yaml assets 部分指定路径时,构建过程,会在相邻子目录去查找具有相同名称任何文件,这些文件随后会与指定 asset 一起被包含在 asset bundle 。...这种方法不是使用应用程序构建默认 asset bundle,而是使用父级 widget 在运行时动态替换不同 AssetBundle,这对本地化或测试场景会很有用 通常可以使用 DefalutAssetBundle.of...主需要将他们替换为适当大小图片,保留原始文件名称 更新启动页 在 Flutter 框架加载时,Flutter使用本地机制绘制启动项,此启动页将持续到 Flutter 渲染应用程序第一帧时 这意味着如果你不在应用程序...,否则可能会出现异常 3,在 pubspec.yaml 需要将所有使用图片全部声明出来,虽然在知道变体以后一张图片只需要写一次,但是仍然会非常麻烦,这个时候可以使用一个相对路径来标识,如: flutter

    1.9K20

    FlutterFlutter 打开第三方应用 ( url_launcher 插件搜索与安装 | url_launcher 插件官方示例 | 打开浏览器 | 打开第三方应用 )

    四、打开第三方应用 五、完整代码示例 六、相关资源 一、url_launcher 插件搜索与安装 ---- 1、搜索 url_launcher 插件 ---- 借助 url_launcher 第三方插件..., 可以打开第三方应用 ; 该插件是 Flutter 官方提供用于打开第三方应用插件 ; 在 https://pub.dev/packages 搜索并安装 url_launcher 插件 ; 该插件地址是...配置依赖 : 在 pubspec.yaml 配置文件配置依赖 ; dependencies: url_launcher: ^5.7.10 2 ....获取插件 : 点击右上角 " Pub get " 按钮获取该插件 , 在下面的 Message 面板显示 Running "flutter pub get" in flutter_cmd... 0.5s...child: Text("打开浏览器"), ), 四、打开第三方应用 ---- 打开第三方应用前提是 , 知道该应用 schema 或 url , 这些都是由第三方 app 开发者提供 ;

    2.4K00

    如何使用Vue.js和Axios来显示API数据

    Vue.js非常适合使用这些类型API。 在本教程,您将创建一个使用Cryptocompare APIVue应用程序来显示两个主要加密货币的当前价格:比特币和Etherium。...熟悉JSON数据格式,您可以在JavaScript中了解如何使用JSON来了解更多信息。 熟悉向API发出请求。 有关使用API​​综合教程,请参阅如何在Python3使用Web API 。...此代码使用v-for指令,它作用类似于for-loop。 它遍历数据模型所有键 - 值对并显示每个数据数据。...您学习了如何在页面上显示数据,迭代结果以及将静态数据替换为API结果。 既然您已经理解了基础知识,那么您可以将其他功能添加到您应用程序。...修改此应用程序以显示其他货币,或使用您在本教程中学到技术使用不同API创建其他Web应用程序。

    8.8K20

    Flutter开发-发布时注意事项

    启动白屏 Flutter 应用在 Android 端上启动时会有一段很明显白屏现象,白屏时长由设备性能决定,设备性能越差,白屏时间越长....fluttermain.dart之前一直显示我们设置launch_background, 如果我们设置这个值为 false,那么在启动flutter代码之前就是黑屏了....应用名称和LOGO Flutter并不是设置一处名称或Logo,然后不同平台就相应生成对应文件或代码,我们需要在对应平台目录下修改 比如Android就在android=>app=>src=>main...=>AndroidManifest.xml修改应用名称 <application android:name="io.<em>flutter</em>.app.FlutterApplication" android...应用签名 生成或使用之前签名文件demo.jks keytool -genkey -v -keystore demo.jks -keyalg RSA -keysize 2048 -validity

    1.2K20

    还记得第一个看到Flutter组件吗?

    [1240] 注意:无特殊说明,Flutter版本及Dart版本如下:Flutter版本: 1.12.13+hotfix.5 Dart版本: 2.7.0 MaterialApp 在学习Flutter过程我们第一个看见控件应该就是...title参数是应用程序描述,在Android上,在任务管理器应用程序快照上面显示,在IOS上忽略此属性,IOS上任务管理器应用程序快照上面显示是Info.plist文件CFBundleDisplayName...如果想根据区域显示不同描述使用onGenerateTitle,用法如下: MaterialApp( title: '老孟', onGenerateTitle: (context) {...如果initialRoute设置为icons1,此时routes并不存在名称为icons1路由,调用onGenerateRoute,如果onGenerateRoute返回路由页面,则加载此页面,如果返回是...包,到2019年4月,flutter_localizations包已经支持52种语言,如果你想让你应用在iOS上顺利运行,那么你还必须添加“flutter_cupertino_localizations

    96600

    flutter 起步

    安装完成后-需要安装as(Android studio)运行 flutter doctor 检查环境缺失依赖图片根据错误提示安装相对应依赖与工具如何引用并安装第三方库pubspec.yaml管理第三方库在...pubspec.yaml添加第三方库名称及版本号。...onGenerateTitle跟上面的tiitle一样,但含有一个context参数用于做本地化11. color该颜色为Android中程序切换应用图标背景颜色,当应用图标背景为透明时12. theme...Colors.blue, ),13. locale当前区域,如果为null则使用系统区域一般用于语言切换14. localizationsDelegates本地化委托,用于更改Flutter...AppBar 有以下常用属性:leading → Widget - 在标题前面显示一个控件,在首页通常显示应用 logo;在其他界面通常显示为返回按钮。

    4.5K20

    Flutter&Flame 游戏 - 贰捌】pinball 源码分析 - 游戏主场景构成

    对游戏主界面的构成分析,也就是看这些构件以什么类型,如何分布在游戏场景。下面我们就来一一介绍场景几个部分。...---- 对资源进行定位,很容易知道背景图使用场景,如下是资源管理工具会生成 boardBackground 方法应用获取背景图片: 接下来继续追踪,可以看到在 board_background_sprite_component...另外有一个小细节,在移动端是没有地板,整个视口都是游戏面板。毕竟移动端是竖屏,没有空间显示更多内容。...---- 4.发射台构件:Launcher Launcher 构件主要包括三个部分:发射杆、发射台 、轨道 。如下是三个部分示意: 从资源可以看出,发射台 、轨道 、挡板 这些都是独立资源。...下一篇,我们来看一下 Flame 中视口和相机概念,并结合 pinball 对相机使用来实际体会相机作用。

    48010

    Flutter 1.22 正式发布

    Flutter 1.22修复 Flutter 1.20.4,修复了部署到真机设备问题 当应用程序访问其剪贴板时显示使用通知,导致在Flutter应用程序中出现虚假通知,该问题已在Flutter 1.20.4...在Flutter 1.22版,我们预览了使用Flutter构建App Clip目标。 ? 有关如何使用Flutter构建Clip更多详细信息,请查看flutter.dev上文档。...除了使我们摆脱现有类向后兼容性迷宫之外,新名称还使Flutter与Material Design规范同步,后者使用按钮组件名称。 ?...您可以将旧按钮与新按钮混合使用。 新国际化和本地化支持 自Flutter创立以来,Flutter已提供您应用程序国际化(i18n)和本地化(l10n)所需核心功能。...如果您想使用平台视图在iOS或Android上托管自己本机UI组件,则可以了解如何使用平台视图在Flutter应用托管本机Android和iOS视图上。

    7.5K20

    Flutter Android端启动白屏问题解决

    问题描述 Flutter 应用在 Android 端上启动时会有一段很明显白屏现象,白屏时长由设备性能决定,设备性能越差,白屏时间越长。...问题分析 其实启动白屏问题在Android原生应用上也是一个常见问题,大致是因为从用户点击 Launcher Icon 到应用首页显示之间,Android 系统在完成应用初始化工作,其流程如下: ?...解决方案 解决方案很简单,Android原生白屏问题可以通过为 Launcher Activity 设置 windowBackground 解决,而 Flutter 也是基于此办法,同时优化了 Flutter...初始化阶段白屏问题(覆盖一个launchView),只用两步设置便能解决 Flutter 白屏问题。...,具体如何设置可以查阅 Android Drawable,我在 demo 设置如下: <?

    3.6K10

    还记得第一个看到Flutter组件吗?

    注意:无特殊说明,Flutter版本及Dart版本如下: Flutter版本:1.12.13+hotfix.5 Dart版本:2.7.0 MaterialApp 在学习Flutter过程我们第一个看见控件应该就是...title参数是应用程序描述,在Android上,在任务管理器应用程序快照上面显示,在IOS上忽略此属性,IOS上任务管理器应用程序快照上面显示是Info.plist文件CFBundleDisplayName...如果想根据区域显示不同描述使用onGenerateTitle,用法如下: MaterialApp( title: '老孟', onGenerateTitle: (context) {...如果initialRoute设置为icons1,此时routes并不存在名称为icons1路由,调用onGenerateRoute,如果onGenerateRoute返回路由页面,则加载此页面,如果返回是...包,到2019年4月,flutter_localizations包已经支持52种语言,如果你想让你应用在iOS上顺利运行,那么你还必须添加“flutter_cupertino_localizations

    55330
    领券