- The environment follows: flutterChina.club /setup-macos…
- ✓] Flutter (Channel stable, 2.0.4, on Mac OS X 10.15.7 19H15 Darwin-x64, locale zh-hans-cn)
- [✓] Android toolchain – develop for Android devices (Android SDK version 30.0.3)
- ✓ Xcode – develop for iOS and macOS
- Chrome – develop for the web, ✓
- [✓] Android Studio (version 4.1)
- [✓] IntelliJ IDEA Ultimate Edition (version 2018.1.5), ✓
- [✓] Connected device (2 available)
2. Structure drawing of the Flutter frame
3.Android Studio – New Flutter Project
- Note the Flutter SDK Path
- Creating Flutter Project dead: preference->Languages & Frameworks->Dart-> Flutter /bin/cache/dart-sdk
4.Material design style: Material. IO
5. Material component flutter. Dev/docs/develo…
6.flutter 手势 : flutter.io/gestures
7. The Text: API. Flutter. Dev/flutter/wid…
8. Image: API. Flutter. Dev/flutter/wid…
9. The Container: API. Flutter. Dev/flutter/wid…
10. ListView: API. Flutter. Dev/flutter/wid…
11. The GridView: API. Flutter. Dev/flutter/wid…
12. The Row: API. Flutter. Dev/flutter/wid…
- Horizontal layout
13. The Column: API. Flutter. Dev/flutter/wid…
- Vertical layout
14. AppBar: API. Flutter. Dev/flutter/mat…
15. The Stack: API. Flutter. Dev/flutter/wid…
16. Card: API. Flutter. Dev/flutter/mat…
17. Positioned: API. Flutter. Dev/flutter/wid…
- Cascading positioning
18. GestureDetector: API. Flutter. Dev/flutter/wid…
19. Dismissible: API. Flutter. Dev/flutter/wid…
- Sliding delete
20. Assets and images: flutter. Dev /docs/develo…
21. MaterialPageRoute: API. Flutter. Dev/flutter/mat…
- Page jump
- The page is displayed to send data
- Page hopping Returns data
22. Hero: API. Flutter. Dev/flutter/wid…
- Page jump animation
23. AnimatedOpacity: API. Flutter. Dev/flutter/wid…
- Animation processing