mac flutter 环境搭建、安装教程记录 本文主要说的是mac系统下的flutter环境安装。如果是window系统的伙伴，可以参考另一篇文章：Win10下 Flutter环境完整安装记录、教程安装步骤说明：1.打开终端，cd到你要安装的目录2. 下载flutter：git clone -b beta https://github.com/flutter/flutter.git3.下载好flutter后就在当前目录下执行： export PATH=`pwd`/flutter/bin:$PATH或者：此代码只能暂时针对当前命令行窗口设置PATH环境变量，要想永久将Flutter添加到PATH中,需要修改 .bash_profile 文件vim ~/.bash_profileexport PATH=/Users/huipu/Downloads/work/flutter/bin:$PATH export PUB_HOSTED_URL=https://pub.flutter-io.cn //国内用户需要设置 export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn //国内用户需要设置保存后，最后执行：source ~/.bash_profile 让这个配置文件在修改后立即生效。4. 如果下载失败的话执行：export PUB_HOSTED_URL=https://pub.flutter-io.cn export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn然后重复2和3即可5.完成后cd 进入flutter，然后执行：flutter doctor，如果flutter sdk没有安装会进入安装，此时需要等待一段时间。6.安装完毕后再执行flutter doctor 看看检查结果红x代表没有安装，绿色的勾才算安装成功，我之前就安装过了所以多个地方配置过绿色的勾会多点，你的不一定要和我一致，只要是flutter要是绿色的，安装没有问题的话，记住你安装sdk的路径。7.Androidstudio需要安装flutter插件8、xcode安装，appstore搜索xcode9、创建 HelloWord项目

android studio flutter打包，踩坑，填坑详细过程。 笔者第一次学flutter,踩坑不少，填坑也不少，不得不说官网在打包的这块留太多坑了。以下是笔者做好flutter项目中遇到的一些问题。一、SDK篇1、修改flutter.gradle 和 resolve_dependencies.gradle路径：flutter/packages/flutter_tools/gradle/flutter.gradleflutter/packages/flutter_tools/gradle/resolve_dependencies.gradle1.1、flutter.gradle文件修改buildscript部分buildscript { repositories { maven { url 'https://maven.aliyun.com/repository/google' } maven { url 'https://maven.aliyun.com/repository/jcenter' } maven { url 'http://maven.aliyun.com/nexus/content/groups/public' } } dependencies { classpath 'com.android.tools.build:gradle:3.5.0' } }1.2、flutter.gradle文件修改 google() 和 jcenter() 还有 https://storage.googleapis.com/download.flutter.iorepositories { //google() //jcenter() maven { url 'https://maven.aliyun.com/repository/google' } maven { url 'https://maven.aliyun.com/repository/jcenter' } //maven { // url "https://storage.googleapis.com/download.flutter.io" //} maven {url 'http://download.flutter.io'} }二、项目APP签名篇2.1、进入java jdk安装目录下的bin文件夹，运行cmd命令2.2、创建 keystorekeytool -genkey -v -keystore ~/key.jks -keyalg RSA -keysize 2048 -validity 10000 -alias key2.3、在gradle中配置签名（这里和官方的不一样，官方的有坑，一直读取加载不到签名文件和密码）官方打包所在坑位置：通过编辑<app dir>/android/app/build.gradle文件为您的应用配置签名替换:buildTypes { release { // TODO: Add your own signing config for the release build. // Signing with the debug keys for now, so `flutter run --release` works. signingConfig signingConfigs.debug } }为:signingConfigs { release { keyAlias 'key' keyPassword '123456' storeFile file("D:/ProgramFile/flutter_word/key.jks") storePassword '123456' } } buildTypes { release { signingConfig signingConfigs.release } }2.4、修改项目域名（考虑国内到墙问题）2.4.1、修改项目目录下文件：/android/build.gradle文件中的 google() 和 jcenter()buildscript：buildscript { repositories { // google() // jcenter() maven { url 'https://maven.aliyun.com/repository/google' } maven { url 'https://maven.aliyun.com/repository/jcenter' } } dependencies { classpath 'com.android.tools.build:gradle:3.5.0' } }allprojects ：allprojects { repositories { // google() // jcenter() maven { url 'https://maven.aliyun.com/repository/google' } maven { url 'https://maven.aliyun.com/repository/jcenter' } } }3、开启混淆默认情况下 flutter 不会开启 Android 的混淆。如果使用了第三方 Java 或 Android 库，也许你想减小 apk 文件的大小或者防止代码被逆向破解。3.1、配置混淆创建 /android/app/proguard-rules.pro 文件，并添加以下规则：#Flutter Wrapper -keep class io.flutter.app.** { *; } -keep class io.flutter.plugin.** { *; } -keep class io.flutter.util.** { *; } -keep class io.flutter.view.** { *; } -keep class io.flutter.** { *; } -keep class io.flutter.plugins.** { *; }上述配置只混淆了 Flutter 引擎库，任何其他库（比如 Firebase）需要添加与之对应的规则。3.2、开启混淆/压缩打开 /android/app/build.gradle 文件，定位到 buildTypes 块。在 release 配置中将 minifyEnabled 和 useProguard 设为 true，再将混淆文件指向上一步创建的文件。android { ... buildTypes { release { signingConfig signingConfigs.release minifyEnabled true useProguard true } } }3.3、以上改好之后执行 flutter clean 清下缓存flutter clean四、构建一个发布版（release）APK本节介绍如何构建发布版（release）APK。如果您完成了前一节中的签名步骤，则会对APK进行签名。使用命令行:cd 项目目录 (为您的工程目录).运行flutter build apk (flutter build 默认会包含 --release选项).flutter build apk打包好的发布APK位于项目目录下/build/app/outputs/apk/release/app-release.apk。以下即为打包成功式例：来看文件夹下文件：

Flutter学习修改app名称和icon图标 一个app应用开发到最后，也就剩下上线的步骤了，上线之前除了测试之外还有一个重要的步骤也就是app信息的修改，最近笔者刚好做好了app，以下记录下个人人修改app应用信息和图标流程，供大家参考一、图标icon修改1.1、android应用icon修改（路径：项目/android/app/src/main/res）把各个文件夹下图片换成你想要的尺寸，还有格式必须是.png后缀。1.2、iso应用图标icon修改：（路径：项目/ios/Runner/Assets.xcassets/AppIcon.appiconset/）注意：ios应用图标必须是圆角透明png图标，相比安卓，安卓只需png图标，不需要圆角。二、修改应用名称2.1、安卓应用修改 AndroidManifest.xmlAndroidManifest.xml 文件位于：项目名称/android/app/src/main/下2.2、iso应用修改：Info.plist路径：项目/flutter_vod/ios/Runner/三、结果展示：快来试试修改你的APP吧。

Flutter使用 Wakelock 插件控制屏幕常亮方法 有时我们在播放视频是需要使屏幕处于常亮状态，这时可以使用Wakelock 插件。wakelock在android的电源管理系统中扮演一个核心的角色，wakelock是一种锁的机制, 只要有task拿着这个锁, 系统就无法进入休眠, 可以被用户态进程和内核线程获得。这个锁可以是有超时的或者是没有超时的, 超时的锁会在时间过去以后自动解锁。如果没有锁了或者超时了, 内核就会启动标准linux的那套休眠机制机制来进入休眠。github介绍：https://pub.flutter-io.cn/packages/wakelock安装使用说明：1、添加到pubspec.yaml 文件dependencies: wakelock: ^0.1.4+12、获取插件：flutter pub get3、在Manifest中添加如下权限<uses-permission android:name="android.permission.WAKE_LOCK" />4在页面引入和使用：import 'package:wakelock/wakelock.dart'; // ... // The following line will enable the Android and iOS wakelock. Wakelock.enable(); // The next line disables the wakelock again. Wakelock.disable();

Flutter视频播放器推荐 fijkplayer 是一个 Flutter 生态的媒体播放器，是对 ijkplayer 的 Flutter 封装，支持 Android 和 iOS。 fijkplayer 使用 ijkplayer 作为播放器内核。ijkplayer 使用 ffmpeg 进行音视频解封装和解码，同时添加了 Android 和 iOS 平台特有的硬件加速解码能力。fijkplayer 具有和 ijkplayer 一样的播放能力，并且开箱即用，不需要使用者再去编译 ijkplayer，API易用，易于在 Flutter 项目中集成。fijkplayer 通过纹理方式将播放器视频画面渲染接入 flutter 中，性能上优于 PlatformView 的接入方法。 fijkplayer 有内置的编译好的ffmepg 和 ijkplayer。Github下载：https://github.com/befovy/fijkplayer码云下载：https://gitee.com/jyblogs/fijkplayer包含快速开始、使用指南、fijkplayer 中的概念理解：https://fijkplayer.befovy.com/docs/zh/一、安装：pubspec.yamldependencies: fijkplayer: ^0.8.4二、使用说明：编辑 lib/main.dart 文件，在开头加入如下行，引入 fijkplayer。import 'package:fijkplayer/fijkplayer.dart';三、Hello Worldclass _MyHomePageState extends State<MyHomePage> { final FijkPlayer player = FijkPlayer(); @override void initState() { super.initState(); player.setDataSource( "https://sample-videos.com/video123/flv/240/big_buck_bunny_240p_10mb.flv", autoPlay: true); } @override void dispose() { super.dispose(); player.release(); } @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( // Here we take the value from the MyHomePage object that was created by // the App.build method, and use it to set our appbar title. title: Text(widget.title), ), body: Container( width: ScreenUtil().setWidth(750), height: ScreenUtil().setHeight(410), color: Colors.black, child: Container( alignment: Alignment.center, child: FijkView( color: Colors.black, player: player, ), ) ), ); } }附效果图：