正文
flutter设置sdk,flutter设置背景图片
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
Flutter笔记-调用原生IOS高德地图sdk
2017年底因公司业务组合部门调整，新的团队部分维护的项目用React Native技术混合开发。为适应环境变化，开启疯狂RN学习之旅，晚上回来啃资料看视频。可能由于本身对RN技术体验不感冒或者在环境之下强迫学习有点不爽。开始寻找代替方案，Fluter像一束曙光引起了我的注意，之后一直关注并利用闲余时间开始探索。2018年一直学习到使用Flutter写项目，从0.2.0开始到现在1.5版本的发布，终于开始慢慢的爬出坑位了，但是因为部分控件感觉还是不如原生控件好用，因而Flutter提供了PlatformView部件。近期因项目中严重使用依赖地图，故而做了Fluterr使用原生IOS高德地图调研。因为我本身是一名android开发人员，初学IOS并记录下来。
PlatformView是 flutter 官方提供的一个可以嵌入 Android 和 iOS 平台原生 view 的小部件。
在我们实际开发中，我们遇到一些 flutter 官方没有提供的插件可以自己创建编写插件来实现部分功能，但是原生View在 flutter 中会遮挡住flutter 中的小部件，比如你想使用高德地图sdk、视频播放器、直播等原生控件，就无法很好的与 flutter 项目结合。
1、info.plist文件设置
2、 ios 端实现原生组件PlatformView提供原生view
3 、ios 端创建PlatformViewFactory用于生成PlatformView
4、 ios 端创建FlutterPlugin用于注册原生组件
5 、flutter 平台嵌入 原生view
iOS端的UiKitView目前还只是preview状态, 默认是不支持的, 需要手动打开开关, 在info.plist文件中新增一行io.flutter.embedded_views_preview为true.
创建类 FlutterMapView 并实现FlutterPlatformView 协议
FlutterMapView.h
FlutterMapView.m
FlutterMapFactory.h
FlutterMapFactory.m
FlutterMapPlugin.h
FlutterMapPlugin.m
请前往 高德开放平台控制台 申请 iOS Key。
注意：Bundle Identifier需要与申请的时候填写的一致
地图依赖的库列举如下：
基础 SDK AMapFoundationKit.framework
第一步：将解压后的MAMapKit.framework 文件 copy 或 拖拽 到工程文件夹中，左侧目录选中工程名，在 TARGETS-Build Phases- Link Binary With Libaries 中点击“+”按钮，在弹出的窗口中点击“Add Other”按钮，选择工程目录下的 MAMapKit.framework 文件添加到工程中。
千万不要忘记将AMapFoundationKit也一起加入工程。
3D地图正确配置应如下图所示：
需要引入的资源文件包括：AMap.bundle，其中：AMap.bundle 在 MAMapKit.framework 包中，AMap.bundle资源文件中存储了定位、默认大头针标注视图等图片，可利用这些资源图片进行开发。
左侧目录中选中工程名，在右键菜单中选择Add Files to “工程名”…，从MAMapKit.framework中选择AMap.bundle文件，并勾选“Copy items if needed”复选框，单击“Add”按钮，将资源文件添加到工程中。
成功跑起来 。。 。
相关问答
Q1: 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兼容问题以及网络问题。
Q2: Flutter开发环境配置（MAC版）
（该路径会有变化，可以关注Flutter社区，随时更新）
Documents为目录，fluttersdk为sdk文件夹
cd 到对应的项目工程中执行命令：
在终端中执行 flutter doctor 查看Android和iOS的开发环境，监测到依赖若有缺失，会给出缺失的依赖的安装结果，依照提示进行安装即可。
在命令终端执行相关命令：
打开Android Studio应用，打开菜单项Preferences Plugins中搜索Flutter插件并点击install进行安装
打开 VS Code，可点击 View - Command Palette，搜索flutter并点击install进行安装
Q3: Flutter 集成ShareSDK分享功能
项目分享中需要用到这两项，需要到官网进行注册。
下面是官网的官方文档：
;id=14
根据官网指示，在pubspec.yaml文件中加入下面依赖
dependencies:
sharesdk_plugin:
安卓的mobsdk.gradle客服说是可以自动生成，也有存在部分未自动生成，所以未自动生成需要手动添加，然后再重新自定义编辑。具体可以直接挪官网demo的文件。
另外手动添mobsdk.gradle文件后，需要在gradle文件中添加mobsdk.gradle的引用
apply from:'../MobSDK.gradle'（在android{}之外添加）
此外，ios的 sharesdk_plugin.podspec会自动生成，就照着官网编辑即可，到了这步就算是sdk的成功引用了， 。
1.需要打包签名，不然微信等部分应用分享失败。
2.flutter签名没有快捷方式了，需要用命令来生成，具体百度吧！
3.打包，在命令行flutter build apk，会在项目下/build/app/outputs/apk/release/下。
通过cd到项目，运行adb install apk的路径的方式，进行测试。
Q4: 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".
那就成功了。
Q5: Flutter设置Android Sdk
想使用Windows上配置的Android Sdk中自带的模拟器运行app，但显示没有设备。
运行 flutter doctor 命令后显示如下：
运行如下命令，即可解决：
