FlutterDemo是如何一步一步搭建起来的
最初就是直接新建flutter项目,就会自动建立一个入门项目。(开始项目前,需先学习Dart语言)
flutter项目代码都在lib目录下编写:
新建包,新建dart类,在dart类中编写
flutter 插件引入: (可以看项目中如何引入的)
首先在项目更目录下找这个文件: pubspec.yaml
dependencies:
flutter:
sdk: flutter
# The following adds the Cupertino Icons font to your application.
# Use with the CupertinoIcons class for iOS style icons.
cupertino_icons: ^0.1.2 // 图标引入插件
fluttertoast: ^2.1.1 //toast 插件
dio: ^1.0.9 // 网络访问插件(post,get等)
rxdart: ^0.18.1
scoped_model: ^0.3.0
http: ^0.12.0 //http 访问插件
english_words: ^3.1.0
cached_network_image: ^0.5.1 // 图片展示及缓存 插件
carousel_slider: ^1.0.1
flutter_webview_plugin: ^0.3.0+2 // webview 插件
share: ^0.5.3
flutter_localizations:
sdk: flutter
本地文件(图片和json数据)引入:(可以看项目中如何引入的)
在更目录下创建文件夹,把资源文件放入,然后在 pubspec.yaml 文件下添加引入,代码中就可以访问到了
flutter:
# The following line ensures that the Material Icons font is
# included with your application, so that you can use the icons in
# the material Icons class.
uses-material-design: true
assets:
- mock/
- img/
您还可以看看下面的博客文章,回顾以前和继续学习,包含我在学习开发中遇到的难题等等
Flutter入门,学习历程,进入开发,在安卓手机运行起来
Visual Studio code工具开发flutte总结
Flutter 跨平台开发 为什么选择Flutter
跨平台开发 为什么选择Flutter
Android 开发者 for Flutter (1)Flutter和Android中的View对比及如何更新widget
Android 开发者 for Flutter (2)如何布局? XML layout 文件跑哪去了?及布局中添加或删除组件
Android 开发者 for Flutter (3) flutter中动画是如何实现的 及 如何使用Canvas draw/paint
Flutter轮播图编写(两种方式)CarouselSlider和PageView(自动轮播,也可以手动左右拖拽)
flutter 中tabbar切换上下均可,banner轮播图,listview刷新添加更多,listview嵌套gridview
Flutter 项目编写 第三方插件库文件引入,本地图片 json数据引入解析
flutter run 运行项目 所遇到的问题总结(Scaffold加padding及 flutter/material.dart’;爆红问题解决;listview嵌套gridview滑动问题)
如对您有帮助,欢迎starts 谢谢。
项目源码github:https://github.com/1136346879/flutter-
鸣谢flutter中文网 https://flutterchina.club/technical-overview/
TOAST插件:https://github.com/PonnamKarthik/FlutterToast