文章目錄

• 一、Flutter Gallery 簡介
• 二、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 安裝到手機中 ;

總結

以上是生活随笔為你收集整理的【Flutter】Flutter Gallery 官方示例简介 ( 项目简介 | 工程构建 )的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。