【Flutter】Flutter Gallery 官方示例简介 ( 项目简介 | 工程构建 )
【Flutter】Flutter Gallery 官方示例简介 ( 项目简介 | 工程构建 )
文章目录
发现一个很强的 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 安装到手机中 ;
