发现一个很强的 Flutter 开源项目 , 由 Flutter 官方提供的 Flutter Gallery , 里面的很多功能可供参考 ;

这项目太强了 , 如果都学会了 , Flutter UI 组件基本就没问题了 ;

本篇博客起个头 , 简单介绍一下主要内容 , 之后针对每个技术点详细解析 ;

一、Flutter Gallery 简介

---

Flutter Gallery 简介 :

• 项目地址 : https://github.com/flutter/gallery , ( 访问有些问题 , GitHub 估计要凉 )
• 国内下载地址 : https://pan.baidu.com/s/1HykdPJw2bDWddTqGEvdqBQ , 提取码: 2wsk , Flutter Gallery 已经打包放在了里面 ;

Flutter Gallery 用于帮助开发者学习和使用 Flutter ;

Flutter Gallery 包含的内容 :

• 材料设计 ( Material Design ) 组件 : Android 风格组件 ;
• Cupertino 组件 : iOS 风格组件 ; ( [ˌkupərˈtinoʊ] )
• 行为控制相关功能
• 使用 Flutter 实现的小功能

Flutter 支持的平台 : 目前 Flutter 支持的平台很多 , 1 个 Web 平台 , 2 个手机平台 , 3 个桌面平台 ;

• Android
• iOS
• web
• macOS
• Linux
• Windows

二、Flutter Gallery 项目构建

---

源码下载后 , 发现 Flutter Gallery 本身的配置不匹配 , 需要在 pubspec.yaml 中将 args 插件的版本号设置成 1.6.0 ;

args: ^1.6.0

参考 【错误记录】Flutter 报错 ( Because xx depends on flutter_driver any from sdk which depends on args 1.6.0 )

然后在说一下需要用到的 Flutter SDK 版本 , 最新的稳定版本的 Flutter SDK 2.0.2 中没有找到相关函数 , 说明需要使用更新的 Flutter 版本 , 这里直接使用最新的 Beta 测试版本的 SDK , 2.1.0-12.2.pre 版本 ;

参考 【错误记录】Flutter 构建报错 ( Error: Method not found: ‘CupertinoModalPopupRoute‘. | 下载最新 Flutter SDK 版本 )

在 Android Studio 欢迎界面选择 " Open an Existing Project " 选项 ,

选择要打开的项目 ,

修改 pubspec.yaml 中的 args 插件版本号 ,

args: ^1.6.0

修改 pubspec.yaml 配置后 , 点击右上角 " Pub get " 按钮 , 下载依赖包 ,

将当前的 Flutter SDK 版本设置成最新版本 ,

Dart SDK 也设置成最新版本 ,

界面中没有 Logcat 面板 , 参考 【错误记录】Android Studio 的 Flutter 代码界面没有 Logcat 面板 博客解决 ;

配置工程 SDK ,

配置 Facets ,

运行该项目 , 将 apk 安装到手机中 ;