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