[shutter] Introduction to the official example of shutter Gallery (project introduction | engineering construction)

Find a strong Flutter Open source project , from Flutter Official Flutter Gallery , There are many functions for reference ;

This project is too strong , If you learn , Flutter UI The components are basically OK ;

This blog begins , Briefly introduce the main contents , Then analyze in detail for each technical point ;

One 、Flutter Gallery brief introduction

---

Flutter Gallery brief introduction :

• Project address : https://github.com/flutter/gallery , ( There are some problems during the visit , GitHub It's supposed to be cold )
• Domestic download address : https://pan.baidu.com/s/1HykdPJw2bDWddTqGEvdqBQ , Extraction code : 2wsk , Flutter Gallery It has been packed and put inside ;

Flutter Gallery Used to help developers learn and use Flutter ;

Flutter Gallery Included content :

• Material design ( Material Design ) Components : Android Style components ;
• Cupertino Components : iOS Style components ; ( [ˌkupərˈtinoʊ] )
• Behavior control related functions
• Use Flutter Small functions realized

Flutter Supported platforms : at present Flutter There are many supported platforms , 1 individual Web platform , 2 A mobile platform , 3 Desktop platform ;

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

Two 、Flutter Gallery The project build

---

After downloading the source code , Find out Flutter Gallery The configuration of itself does not match , Need to be in pubspec.yaml Lieutenant general args The version number of the plug-in is set to 1.6.0 ;

args: ^1.6.0

Reference resources 【 Error log 】Flutter Report errors ( Because xx depends on flutter_driver any from sdk which depends on args 1.6.0 )

Then I'll talk about what I need Flutter SDK edition , The latest stable version of Flutter SDK 2.0.2 No related function found in , Explain that updated Flutter edition , Here we use the latest Beta Test version of SDK , 2.1.0-12.2.pre edition ;

Reference resources 【 Error log 】Flutter Build error reporting ( Error: Method not found: ‘CupertinoModalPopupRoute‘. | Download the latest Flutter SDK edition )

stay Android Studio Welcome interface selection " Open an Existing Project " Options ,

Select the project you want to open ,

modify pubspec.yaml Medium args Plug in version number ,

args: ^1.6.0

modify pubspec.yaml After the configuration , Click on the top right corner " Pub get " Button , Download dependency package ,

Change the current Flutter SDK Set the version to the latest version ,

Dart SDK Also set to the latest version ,

Not in the interface Logcat panel , Reference resources 【 Error log 】Android Studio Of Flutter The code interface does not Logcat panel Blog solution ;

Configuration Engineering SDK ,

To configure Facets ,

Running the project , take apk Install into your phone ;