flutter配置,flutter配置环境
Vue前端转Flutter一（环境配置）
（*注：以下仅个人配置过程参考，系统win7-64）
创新互联专业为企业提供昌邑网站建设、昌邑做网站、昌邑网站设计、昌邑网站制作等企业网站建设、网页设计与制作、昌邑企业网站模板建站服务，10年昌邑做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。
所需软件
vsCode，Android Studio， MuMu模拟器 （直连手机调试的话就不需要了）
配置过程
1、Flutter安装
安装时忘记截图，具体可参考链接 flutter中文网 相关教程+ 百度 ，现在网上教程很多，多踩点坑总会成功的。
2、MuMu模拟器调试时需进行相关配置
（*注：直连手机调试可忽略以下；执行以下操作需要在执行flutter doctor成功后，flutter run执行前）
（1）mumu模拟器端口监听，需要执行
（2）mumu模拟器调试flutter run可能会报错，可以改成，具体原因可直接百度“--enable-software-rendering”
3、如需调试ios端可尝试虚拟机+macOS+xCode
vmware+macOs可参考链接 VMware15安装MacOS系统 ，笔者按照该步骤已安装成功
Flutter开发环境配置（MAC版）
（该路径会有变化，可以关注Flutter社区，随时更新）
Documents为目录，fluttersdk为sdk文件夹
cd 到对应的项目工程中执行命令：
在终端中执行 flutter doctor 查看Android和iOS的开发环境，监测到依赖若有缺失，会给出缺失的依赖的安装结果，依照提示进行安装即可。
在命令终端执行相关命令：
打开Android Studio应用，打开菜单项Preferences Plugins中搜索Flutter插件并点击install进行安装
打开 VS Code，可点击 View - Command Palette，搜索flutter并点击install进行安装
Flutter配置好后，在Android Studio中找不到设备，no devices
完成Flutter的Android配置之后，连上设备，运行flutter doctor，发现已经识别了一个可用设备了
但是用Android Studio新建Flutter项目之后，却一直显示未找到设备。
就是要配置一下flutter关联的android sdk路径和android studio文件夹，运行如下命令：
例如：
flutter config --android-sdk D:\android_studioSDK
字体加粗部分为android sdk路径。
运行之后：如果出现：
Setting "android-sdk" value to "D:\android_studioSDK".
那就成功了。
vscode flutter 环境搭建
环境准备阶段：
android-studio 版本：android-studio-ide-191.5977832-windows.exe 3.5.2
flutter版本：stable 版本 （完成系统环境变量 path配置）
dart版本：2.12.0 （完成系统环境变量 path配置）
完成相关软件安装。
配置flutter相关SDK及andriod studio路径：
flutter config --android-sdk="C:\Users\Administrator\AppData\Local\Android\Sdk"
flutter config --android-studio-dir="D:\Program Files\Android\Android Studio"
执行flutter doctor运行成功。
夜神模拟器地址：D:\Program Files\Nox\bin （完成系统环境变量 path配置）
andriod SDK tools：C:\Users\Administrator\AppData\Local\Android\Sdk\platform-tools （完成系统环境变量 path配置）
nox_adb.exe connect 127.0.0.1:62001
dart SDK:D:\software\dartsdk-windows-x64-release\dart-sdk\bin
将C:\Users\Administrator\AppData\Local\Android\Sdk\platform-tools 下面adb.exe 复制至D:\Program Files\Nox\bin覆盖
adb.exe，此外重新复制adb.exe命名为nox_adb.exe，替换原有的nox_adb.exe。
cdm 输入nox_adb version 及adb version发现版本一致。
启动野神模拟器，输入adb devices发现虚拟设备，执行flutter devices发现 127.0.0.1:62001 设备。
修改C:\learn_flutter\first_flutter\android\gradle\wrapper\gradle-wrapper.properties
distributionUrl=
修改C:\learn_flutter\first_flutter\android\build.gradle
buildscript {
ext.kotlin_version = '1.3.50'
repositories {
// google()
// jcenter()
maven { url ' ' }
maven { url ' ' }
maven { url ' ' }
}
}
allprojects {
repositories {
// google()
// jcenter()
maven { url ' ' }
maven { url ' ' }
maven { url ' ' }
}
}
修改：C:\win-flutter\flutter\packages\flutter_tools\gradle\flutter.gradle
buildscript {
repositories {
// google()
// jcenter()
maven { url ' ' }
maven { url ' ' }
maven { url ' ' }
}
dependencies {
classpath 'com.android.tools.build:gradle:4.1.0'
}
}
//private static final String DEFAULT_MAVEN_HOST = " ";
private static final String DEFAULT_MAVEN_HOST = " ";
修改：C:\win-flutter\flutter\packages\flutter_tools\gradle\resolve_dependencies.gradle
repositories {
google()
jcenter()
maven {
//url "$storageUrl/download.flutter.io"
url " "
}
}
执行 flutter run启动成功。
环境搭建坑点在于JDK兼容问题以及网络问题。
flutter 多语言配置--中文
上一篇讲到如果解决ios长按输入框报错的问题，但是最终没有达到我们的要求，因为我们想实现中文的提示，那么本篇文章讲讲如何来实现多语言配置；
1.首先在pubspec.yaml的dependencies下加入这个
flutter_localizations:
sdk: flutter
如图：
2.然后在MaterialApp设置一下localizationsDelegates如图:
3.写一个类继承一下CupertinoLocalizations，在项目中 我这个类名叫ChineseCupertinoLocalizations(没错，就是localizationsDelegates中的第三个)，如图：
上次提到报错的原因就是因为cutButtonLabel，copyButtonLabel，pasteButtonLabel，selectAllButtonLabel 这几个按钮没有实现，所以继承CupertinoLocalizations一定要为这几个按钮赋值，这里是那种语言，那么，赋值就对应那种语言，同时要注意locale.languageCode也要填写，如果你是中文，那么locale.languageCode =='zh';
4.在ios工程中，在项目的info设置语言环境
添加 Localization native development region---china
添加一个Localizations 为array类型的，并且设置值为 Chinese (simplified)
效果图：（ 注意：请把手机环境调试成中文的语言环境 ）
Android
ios 效果图
我公司用flutter做了一个《柚品生活》的app，感兴趣的朋友可以去看看，Android和ios都已经上架了
最后附上GitHub项目地址 GitHub - hxxsocket/flutter_lg_demo: flutter多语言配置之中文
当前名称：flutter配置,flutter配置环境
文章起源：http://pwwzsj.com/article/dsdiddh.html
