WordPress开发APP：flutter
一共13篇文章
专题：第期
-
WordPress+Flutter开发APP教程：13.认识Scaffold
前言 整个项目进行到这一步时，如果你在真机或者模拟器中运行APP，你会看到整个屏幕是黑屏状态的，这是因为在首页的代码中，我们并没有布局任何Widget，或者我们首页是设置了一个Widget的，也就是flutter内置的：Container 但是因为我们没有为该Widget设置任何属性，因此就是黑屏的。 在本小节中我将带领大家认识第一个flutter内置Widget，也是最基础的一个：Scaffol…...- 90
- 0
-
WordPress+Flutter开发APP教程：12.初始化依赖包 flutter_screenutil
前言 本小节需要实现的功能为：在app中初始化flutter_screenutil 阅读本小节之前，请务必阅读之前的小节并按照步骤进行操作。 开始 flutter_screenutil 由于flutter的编译、渲染机制不同，在flutter中你设置的字体大小和宽高并非固定，可能在开发的屏幕上看起来很正常，但是到了其他机型上就会显得太大或者太小，flutter_screenutil的出现就是为了解…...- 95
- 0
-
WordPress+Flutter开发APP教程：11.创建首页
前言 在本小节中，我们将创建一个首页。 你将学习到 如何创建一个页面StatefulWidget和StatelessWidget什么时候用StatefulWidget，什么时候用StatelessWidge在main.dart中引入首页 目录...- 82
- 0
-
WordPress+Flutter开发APP教程：10.引入状态管理器Get
说明 本小节我们将继续操刀main.dart，将我们项目后续需要使用的状态管理器Get依赖包引入到我们的项目中。 在开始本小节教程之前，请务必先阅读以下教程，并按教程中的步骤操作完成： 如何安装依赖：5.安装依赖包安装我们项目所需依赖：6.安装项目依赖 你将学到什么？ 什么是状态管理？状态管理器的作用？初识Get依赖包 目录...- 47
- 0
-
WordPress+Flutter开发APP教程：9.初识MaterialApp
前言 在上一小节： 我为大家进一步认识了main.dart，甚至是后续开发过程中最重要的几个点，此小节将为大家讲解另一个重要的点：MaterialApp 你将学到什么 进一步认识Dart中的类（class）MaterialApp基础 目录...- 62
- 0
-
WordPress+Flutter开发APP教程：8.认识main.dart
前言 在上一小节中我们将main.dart简化了，在简化的时候你会发现其中很多代码都是不知道干啥的。但其实这些代码中最主要的就是Widget、StatelessWidget（类）、void方法、MaterialApp。 后续在开发的过程中你会发现你的项目文件里遍地都是这四个。 本小节中将为大家一一讲解。 你将学到什么 什么是Widget？什么是StatelessWidget（类）？什么是void方…...- 70
- 0
-
WordPress+Flutter开发APP教程：7.操刀main.dart
前言 从本小节开始，我们将正式进入项目的开发，本小节中我将带领大家修改main.dart文件。 开始 main.dart main.dart位于项目根目录下的lib文件夹下，该文件是我们整个项目的主入口，一旦启动APP将首先执行main.dart中的逻辑。 本小节中我们将简化初始化创建程序时的mian.dart 简化 最开始的main.dart代码如下： import 'package:…...- 54
- 0
-
WordPress+Flutter开发APP教程：6.安装项目依赖
说明 本小节将带领大家将本项目所需的所有依赖安装完。 安装依赖教程，请移步至：WordPress+Flutter开发APP教程：5.安装依赖包 开始 get: ^4.6.5 flutter状态管理依赖包。 get_storage: ^2.0.3 用于在本地存储数据时所用到的依赖包 pull_to_refresh: ^2.0.0 下拉刷新\上拉加载依赖包 flutter_screenutil: ^5…...- 88
- 0
-
WordPress+Flutter开发APP教程：5.安装依赖包
说明 关于依赖包我已经在小节：WordPress+Flutter开发APP教程：4.pubspec.yaml 中说明了，本小节将带领大家安装第一个依赖包。 开始 定位 pubspec.yaml 文件位置： 这里我们需要安装的依赖包是：Dio ：依赖包位置 打开依赖包页面之后，点击复制图标即可将依赖包名称已经版本号复制到剪贴板： 复制结果：dio: ^4.0.6 粘贴至我们定位到的 pubspec.…...- 63
- 0
-
WordPress+Flutter开发APP教程：4.pubspec.yaml
说明 本小节将带领大家清楚的认知flutter项目文件：pubspec.yaml. pubspec.yaml 初始化创建APP的时候，这个文件中包含了很多注释，这里已经将其删除了，并且将各个位置有什么用都已经标注，如下： 上述位置中，最重要的就是这一块： 依赖包 在项目开发过程中，我们会遇到许多开发需求，其中大部分功能在依赖包市场上已经有了，依赖包市场地址：pub.dev 因此，我们在开发项目的时…...- 160
- 0
-
WordPress+Flutter开发APP教程：3.项目目录结构
说明 本小节将带领你认识创建的flutter项目中的各个目录、文件以及相关用处。 开始 整个项目目录如下： 1.android 跨平台端android源码 2.ios 跨平台端ios源码 3.lib 需要编码的工作文件夹，初创建时文件有： main.dart：程序入口 4.test flutter示例文件目录，用不到，可删除 5.web 跨平台端H5、网站源码 6.文件：.metadata flu…...- 41
- 0
-
WordPress+Flutter开发APP教程：2.创建项目
说明 本小节教程，将教您如何使用 Android Studio 创建一个 APP 开始 1.打开 Android Studio，并点击 新建flutter 项目 如下： 2.选flutter SDK位置 这里默认会有一个flutter sdk的位置（如果您已经正确安装好了flutter环境并且配置好了环境变量） 点击 Next 3.填写APP基础信息 最后点击完成，你即可看到如下界面 4.运行项目…...- 53
- 0
