wx6461db575a437的博客_flutter开发

Flutter 2进阶(八)：EventBus、轮播图与沉浸式状态栏

开发中，必须要用到的也就这三个小插件了。这里主要讲一下 EventBus，轮播图和沉浸式状态栏教程很多并且很简单。下面主要用上面三个实现的功能，b站广告图，沉浸式状态栏，以及点击左上角头像用 eventbus 进入我的页面，效果图如下：GitHub：https://github.com/wuqingsen/FlutterLearnDemoEventBusEventBus 在 Android 就是特

flutter

android studio

前端

ide

封装

原创 2023-05-15 15:44:07 382 阅读

Flutter开发(八)：Flutter线程与异步UI

1.异步代码2.后台开线程执行代码3.网络请求4.长时间的任务添加进度条1.异步代码在 Android 中，不开线程，所有代码都走主线程执行；在 Flutter 也是一样，不开线程，Dart 代码永远主线程执行。我们可以通过 async / await 来实现异步操作，比如网络请求：loadData() async { String url="https://xx"; http.R

flutter

ide

json

原创精选 2023-05-15 15:43:34 368 阅读

Flutter开发(三十)：Flutter简单app搭建

自学 flutter 接近一个月都是不忙的时候学习，进度很慢。学到了一些基础，控件，页面，请求网络等等，也就是入了个门。用所学写了一个简单 app ，里面包括了：主要框架搭建；滑动标题页；加载webview；瀑布流布局；以及各种基础的控件；效果图如下：GitHub 下载学习链接： GitHub - wuqingsen/FlutterLearnDemo: flutter学习记录做的还是不

flutter

android

android studio

控件

慕课网

原创 2023-05-15 15:42:14 128 阅读

Flutter 2进阶(四)：基于Navigator 2.0封装

Navigator 2.0 提供了一系列全新接口，可以实现将路由状态成为应用状态的一部分，新增的 API 如下：Page :表示 Navigator 路由栈中各个页面的不可变对象；Page 是个抽象类，通常使用他的派生类： MaterialPage 或 CupertinoPage；Router：用来配置要由 Navigator 展示的页面列表，通常改页面列表会根据系统的状态而改变；除了使用 Rou

flutter

android

android studio

ide

堆栈

原创 2023-05-15 15:41:51 447 阅读

Flutter 2进阶(六)：回调函数的使用

回调：MyC

flutter

前端

数据保存

ide

原创 2023-05-15 15:41:32 549 阅读

Flutter开发(二十八)：Flutter_1.12与Android混合开发

1. Android 页面跳转到 Flutter 页面两种方式及传值上一节看到无论跳转还是嵌入，速度都要一秒多，肉眼可见的慢，没有原生快很多。为了优化这个

android

flutter

android studio

ide

原创 2023-05-15 15:41:11 264 阅读

Flutter 2进阶(三)：模仿哔哩哔哩登录注册

app 做什么都离不开强大的 B 站，模仿哔哩哔哩登录注册，效果图：一个简单的效果，输入密码完成图片闭眼，登录按钮可以点击并且高亮的效果；这里请求接口网络用的免费的 Bmob ，Toast 用的 FlutterToast 。源码：GitHub：https://github.com/wuqingsen/FlutterLearnDemo

flutter

android

android studio

登录注册

github

原创 2023-05-15 15:41:09 161 阅读

Flutter开发(三十二)：Flutter屏幕适配

当页面使用了 Scaffold 的 appBar 与 bottomNavigationBar 的页面不需要额外适配，框架里面已经自动适配了。但很多页面写的时候不会用到 Sc：void mai

android

flutter

android studio

Text

ide

原创 2023-05-15 15:41:02 472 阅读

Flutter开发(三十一)：Flutter启动白屏

做 Android 开发，app 启动也有白屏，flutter 也不例外，优化这个和 Android 优化白屏是一样的处理：添加启动页。使用插件flutt

flutter

android

android studio

xml

原创 2023-05-15 15:40:58 552 阅读

Flutter 2进阶(二)：Flutter空安全

从Flutter 2开始，Flutter便在配置中默认启用了空安全，防止崩溃。如果 sdk 大于 2.12.0 ，开启了空安全检查：environment:sdk: ">=2.12.0

flutter

android

android studio

构造函数

ide

原创 2023-05-15 15:40:52 160 阅读

Flutter开发(十二)：Flutter调用硬件，插件，第三方服务和平台通知

1.调用硬件和第三方服

flutter

第三方服务

插件库

2d

原创 2023-05-15 15:39:10 107 阅读

Flutter开发(二十二)：Flutter中JSON转换

1.JSON 序列化方式2.JSON 序列化3.解析复杂 JSON4.在线转换 JSON TO Dart1.JSON 序列化方式手动序列化和插件：json

json

flutter

restful

JSON

序列化

原创 2023-05-15 15:39:03 177 阅读

Flutter开发(二十九)：Flutter热重启、热加载、调试与发布应用

1.Flutter热重启、热加载2.混合开发调试 dart 代码3.发布应用1.Flutter热重启、热加载Flutter自带热重启/热加载的功能，但是到了 Android 项目中集成 Fl

flutter

android

android studio

重启

原创 2023-05-15 15:38:59 1230 阅读

Flutter 2进阶(九)：FijkPlayer播放视频与卡片效果

使用 FijkPlayer 播放视频，包括的功能：亮度调节，音量调节，长按2倍速播放，双击暂停/开始，全屏播放。大概的

flutter

音视频

ide

ico

原创 2023-05-15 15:38:27 224 阅读

Flutter 2进阶(七)：BaseWidget的封装

为了方便后面开发，简单了封装一下 BaseWidget ，将一些重复内容可以放进去。BaseWidget：import 'package:flutter/material.dart';abstract class Base

flutter

android studio

android

ide

Text

原创 2023-05-15 15:38:15 206 阅读

Flutter开发(二十七)：Flutter_1.12与Android混合开发

Flutter 可以作为独立页面进入，如 Android 原生进入 Flutter ，或者Flutter 进入 Android 。还有的情况一个页面存在Flutter item 与Android 页面。目前有一个 Android 项目，然后在这个 Android 项目中导入 Flutter。...

flutter

android

android studio

Android

原创 2023-05-15 15:35:16 198 阅读

Flutter开发(十六)：Flutter顶部导航、底部导航与侧拉菜单

1.APP 首页框架搭建2.轮播图 Banner 开发3.自定义 AppBar 滚动渐变1.APP 首页框架搭建实现导航需要用到 Scaffold 和 BottomNavigationBar ，PageView 和 PageControlle

flutter

Text

ide

侧拉菜单

原创 2023-05-15 15:29:49 757 阅读 1收藏

Flutter开发(十八)：Flutter轮播图Banner开发

实际开发中，广告轮播图是必不可少的，下面就用插件来实现一下。效果图如下：添加插件： flutter_swiper: ^1.1.6导入包

flutter

ide

图片适配

原创 2023-05-15 15:29:46 378 阅读

Flutter开发(十九)：Flutter自定义AppBar滚动渐变

将 ListView 中的 padding 移除。在ListView 中，即使控件在最上面，距离上面也有一部分距离，为了移除上面的距离，使用MediaQuery.removePad

flutter

ide

Text

原创 2023-05-15 15:29:41 805 阅读

Flutter开发(二十一)：Flutter中Future与FutureBuilder

Future与FutureBuilde

flutter

json

Text

ide

原创 2023-05-15 15:29:36 91 阅读

Flutter开发(十七)：Flutter首页导航的框架

首页框架搭建，类似于上一节的，底部导航，不过是规范了写法，效果图如下：首先创建了五个 dart 文件：tab_navigator.dart (总页面) 、home_page.dart (首页) 、my_page.d

flutter

css3

前端

ide

Text

原创 2023-05-15 15:29:35 295 阅读

Flutter开发(二十)：Flutter网络请求Http

1.Http 的 get 请求2.Http 的 post 请求3.将 response 转换成 Dart 中的 object4.请求结果展示首先将 http 插件导入，添加依赖：http: ^0.12.0+

http

网络

flutter

json

ide

原创 2023-05-15 15:29:32 99 阅读

Flutter 2进阶(一)：Flutter实用技巧

自动补全 widget，使用 flutter snippets ，在 Plugins 中安装插件，安装完成重启即可使用：快速创建 widget ，输入 stf 或 stl 回车即可快

flutter

android

android studio

嵌套

右键

原创 2023-05-15 15:29:28 55 阅读

Flutter开发(二十五)：GridView实现网格布局

这个控件在 Android 中也有，具体使用：void main() { runApp(MyApp());}class MyApp extends StatefulWidget { @override _

flutter

Text

List

ide

原创 2023-05-15 15:29:23 69 阅读

Flutter开发(十五)：Flutter动画基础

1.哪些类型动画2.添加动画3.为动画添加监听器4.AnimatedWidget 与 AnimatedBuilder5.Hero动画1.哪些类型动画大概分为两类：基于 tween 和基于物理。tween 动画就是补间动画，定义开始点和结束点、时

动画

flutter

css3

ide

监听器

原创 2023-05-15 15:29:22 83 阅读

E/flutter (11319): [ERROR:flutter/lib/ui/ui_dart_state.cc(209)] Unhandled Exception: MissingPluginEx

SharedPreferences 使用报错，如下：E/flutter (11319): [ERROR:flutter/lib/ui/ui_dart_state.cc(209)] Unhandled Exception: Missing

flutter

ui

原创 2023-05-15 15:29:20 245 阅读

Flutter 2进阶(五)：json_serializable使用

后面请求网络用的是免费的 Bmob ，这里面生成实体类推荐用json_serializable 。添加依赖：environment: sdk: ">=2.15.0-116.0

android

flutter

android studio

json

sed

原创 2023-05-15 15:29:13 423 阅读

Flutter开发(二十二)：Flutter本地数据存储

1.shared_perferences 简单介绍2.shared_perferences 简单使用3.shared_perferences 简单 demoshared_perferences 这个并不陌生，Android 也用到这个存储

flutter

android

java

sed

Text

原创 2023-05-15 15:29:09 199 阅读

Flutter开发(二十四)：ExpansionTile可展开列表

利用 ExpandionTile 可以实现可以展开收起的列表。这是里面的构造方法： const ExpansionTile({ Key? key, this.leading,//标题左侧展

flutter

Text

sed

ci

原创 2023-05-15 15:29:05 283 阅读

Flutter开发(二十三)：ListView垂直和水平滚动

ListView 作为一个常用组件，需要经常联系，下面是垂直滚动：void main() { runApp(MyApp());}class MyApp extends StatefulWidget { @ove

flutter

Text

List

ide

原创 2023-05-15 15:29:02 133 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

wx6461db575a437的博客