flutter与vue,简书 flutter

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

Flutter之国际化多语言

在说flutter国际化前，不得不提到，在uni-app中支持的Vue-i18n，两者有相似之处，也有差异的地方。

本篇借鉴了三篇热门帖子

Flutter中的国际化：如何写一个多语言的App

Flutter国际化完整例子

Internationalization - Make an Flutter application multi-lingual

只记录根据手机系统语言自动转换app语言

引入后，保存会自动加入安装此依赖

我们新建一个和"/lib"同级别的文件夹"/locale"，然后在这个文件夹中新建两个文件，分别为"i18n_en.json" 和" i18n_zh.json"。再在"/lib"文件夹下创建和"main.dart"同级的"translation.dart"和"application.dart"。

文件夹树现在是这个样子的：

MyApplication

+- android

+- build

+- images

+- ios

+- lib

+-main.dart

+-translation.dart

+-application.dart

+- locale

+- i18n_en.json

+- i18n_zh.json

+- test

在pubspec.yaml继续加入json，引入静态资源

补充：如果需要强制转换的话(我自己没有用到)

相关问答

Q1: flutter和vuejs那个容易学

flutter更容易学，

Flutter 是 Google 开源的 UI 工具包，帮助开发者通过一套代码库高效构建多平台精美应用，支持移动、Web、桌面和嵌入式平台。Flutter 开源、免费，拥有宽松的开源协议，适合商业项目。

Q2: web前端动态网页开发主流技术有哪些？

目前主流的框架是：Vue、React、Angular三大框架。

2020年新增的开发有：小程序云开发、react轻量级框架DvaJS和UmiJS、Vue企业级实战项目与框架、Flutter、React-Native实战项目。

框架详解：

1.Angular

Angular原名angularJS诞生于2009年，之前我们都是用jquery开发，自从zhiangular的出现让我们有了新的选择，dao它最大的特点是把后端的一些开发模式移植到前端来实现，如MVC、依赖注入等。

2.React

React，facebook出品，正式版推出是在2013年，比angular晚了4年，但得益于其创新式的VirtualDOM，性能上碾压angularJS，一经推出，火的一塌糊涂。特点很多，VirtualDOM、JSX、Diff算法等，支持ES6语法，采用函数式编程，门槛稍高，但也更灵活，能让开发具有更多可能性。

3.Vue

Vue作为最后推出的框架（2014年），借鉴了前辈angular和react的特点（如VirtualDOM、双向数据绑定、diff算法、响应式属性、组件化开发等）并做了相关优化，使其使用起来更加方便，更容易上手，比较少适合初学者。

Q3: Vue前端转Flutter一（环境配置）

（*注：以下仅个人配置过程参考，系统win7-64）

所需软件

vsCode，Android Studio， MuMu模拟器（直连手机调试的话就不需要了）

配置过程

1、Flutter安装

安装时忘记截图，具体可参考链接 flutter中文网相关教程+ 百度，现在网上教程很多，多踩点坑总会成功的。

2、MuMu模拟器调试时需进行相关配置

（*注：直连手机调试可忽略以下；执行以下操作需要在执行flutter doctor成功后，flutter run执行前）

（1）mumu模拟器端口监听，需要执行