LoaderMan - 博客园

flutter 的Animation简单了解

摘要：效果：阅读全文

posted @ 2019-08-28 22:33 LoaderMan 阅读(714) 评论(0) 推荐(0)

Flutter Offstage、Visibility隐藏/可见

摘要： Offstage是控制组件隐藏/可见的组件，如果感觉有些单调功能不全，我们可以使用Visibility，Visibility也是控制子组件隐藏/可见的组件。不同是的Visibility有隐藏状态是否留有空间、隐藏状态下是否可调用等功能。阅读全文

posted @ 2019-08-26 22:58 LoaderMan 阅读(6512) 评论(0) 推荐(0)

摘要： import 'package:flutter/material.dart'; import 'package:flutter_app/pages/dismissed_page.dart'; class GestureAppPage extends StatefulWidget { @override State createState() { // TODO: imple... 阅读全文

posted @ 2019-08-26 22:57 LoaderMan 阅读(335) 评论(0) 推荐(0)

Flutter生命周期

摘要：生命周期是一个组件加载到卸载的整个周期，熟悉生命周期可以让我们在合适的时机做该做的事情， flutter中的State生命周期和android以及React Native的生命周期类似。大致可以分为3个阶段：初始化状态变化组件移除初始化 State初始化时会依次执行：构造函数 > in 阅读全文

posted @ 2019-08-24 22:01 LoaderMan 阅读(508) 评论(0) 推荐(0)

flutter 路由动画

摘要：效果：阅读全文

posted @ 2019-08-24 22:00 LoaderMan 阅读(514) 评论(0) 推荐(0)

flutter 保持页面状态

摘要： import 'package:flutter/material.dart'; import 'KeepAliveDemo.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override W 阅读全文

posted @ 2019-08-23 21:04 LoaderMan 阅读(1037) 评论(0) 推荐(0)

flutter 主页面底部导航栏实现以及主题风格设置

摘要：其他页面类似效果：阅读全文

posted @ 2019-08-23 21:03 LoaderMan 阅读(3225) 评论(0) 推荐(0)

flutter 不规则底部工具栏实现

摘要：效果：阅读全文

posted @ 2019-08-23 21:03 LoaderMan 阅读(1016) 评论(0) 推荐(0)

flutter DropdownButton使用

摘要：效果：阅读全文

posted @ 2019-08-22 22:54 LoaderMan 阅读(6770) 评论(1) 推荐(0)

flutter Tooltip轻量级操作提示

摘要： Tooltip是继承于StatefulWidget的一个Widget，它并不需要调出方法，当用户长按被Tooltip包裹的Widget时，会自动弹出相应的操作提示。阅读全文

posted @ 2019-08-22 22:53 LoaderMan 阅读(1208) 评论(0) 推荐(0)

flutter Dismissible 可以在拖动时隐藏的widget

摘要： import 'package:flutter/material.dart'; class DismissedAppPage extends StatefulWidget { @override State<StatefulWidget> createState() { return new _DismissedAppPageState(); } } class _DismissedAppPage 阅读全文

posted @ 2019-08-22 22:53 LoaderMan 阅读(668) 评论(0) 推荐(0)

Flutter之BLOC

摘要： flutter_bloc 是一个bloc第三方库，这个库很方便的让你集成bloc模式，这个库结合了RXDart,先了解一下bloc 的模式吧 1，widget 触发event 事件 2，bloc 接收event 事件并作出逻辑处理 3 ，并把逻辑处理结果给返回出来 4，UI展示数据其实它有点像mv 阅读全文

posted @ 2019-08-21 21:26 LoaderMan 阅读(1873) 评论(0) 推荐(0)

flutter State管理

摘要：效果：阅读全文

posted @ 2019-08-21 21:26 LoaderMan 阅读(370) 评论(0) 推荐(0)

Flutter响应式编程 - RxDart

摘要： import 'package:flutter/material.dart'; import 'package:rxdart/rxdart.dart'; import 'dart:async'; class RxDartDemo extends StatelessWidget { @override Widget build(BuildContext context) { return Scaff 阅读全文

posted @ 2019-08-21 21:25 LoaderMan 阅读(1521) 评论(0) 推荐(0)

Flutter和原生交互学习

摘要： PlatformChannel功能简介 PlatformChannel分为BasicMessageChannel、MethodChannel以及EventChannel三种。其各自的主要用途如下： BasicMessageChannel: 用于传递数据。Flutter与原生项目的资源是不共享的，可以阅读全文

posted @ 2019-08-14 17:02 LoaderMan 阅读(3769) 评论(0) 推荐(0)

Flutter异步编程 http网络请求数据

摘要： import 'dart:convert'; import 'package:flutter/material.dart'; import 'package:http/http.dart' as http; import 'dart:async'; class HttpDemo extends St 阅读全文

posted @ 2019-08-13 14:40 LoaderMan 阅读(578) 评论(0) 推荐(0)

Flutter响应式编程 - Stream

摘要： 1.前言在Dart库中，有两种实现异步编程的方式（Future和Stream），使用它们只需要在代码中引入dart:async即可。本文主要介绍Stream的相关概念及利用其异步特性来实现简单的响应式编程。 2.什么是Stream？为了将Stream的概念可视化与简单化，可以将它想成是管道（p 阅读全文

posted @ 2019-08-13 14:31 LoaderMan 阅读(905) 评论(0) 推荐(0)

flutter FloatingActionButton组件

摘要：一个圆形图标按钮，它悬停在内容之上，以展示应用程序中的主要动作。FloatingActionButton通常用于Scaffold.floatingActionButton字段效果：文档：https://api.flutter.dev/flutter/material/FloatingAction 阅读全文

posted @ 2019-08-13 12:06 LoaderMan 阅读(691) 评论(0) 推荐(0)

flutter PopupMenuButton弹出式菜单列表

摘要：文档：https://api.flutter.dev/flutter/material/PopupMenuButton-class.html 效果; 阅读全文

posted @ 2019-08-13 12:01 LoaderMan 阅读(1578) 评论(0) 推荐(0)

flutter DateTime日期&时间选择器

摘要：文档：https://api.flutter.dev/flutter/material/showDatePicker.html 效果：阅读全文

posted @ 2019-08-13 11:47 LoaderMan 阅读(7171) 评论(0) 推荐(0)

flutter Switch组件 On/off 用于切换一个单一状态

摘要：文档：https://api.flutter.dev/flutter/material/Switch-class.html 效果：阅读全文

posted @ 2019-08-13 11:42 LoaderMan 阅读(473) 评论(0) 推荐(0)

flutter Radio单选框

摘要：单选框，允许用户从一组中选择一个选项。文档：https://api.flutter.dev/flutter/material/Radio-class.html 效果：阅读全文

posted @ 2019-08-13 11:39 LoaderMan 阅读(2045) 评论(0) 推荐(0)

flutter Checkbox 复选框组件

摘要：文档：https://api.flutter.dev/flutter/material/Checkbox-class.html 效果：阅读全文

posted @ 2019-08-13 11:36 LoaderMan 阅读(1556) 评论(0) 推荐(0)

flutter DataTable数据表格

摘要：数据表显示原始数据集。它们通常出现在桌面企业产品中。DataTable Widget实现这个组件文档：https://api.flutter.dev/flutter/material/DataTable-class.html 效果：分页demo 效果：阅读全文

posted @ 2019-08-13 11:31 LoaderMan 阅读(6308) 评论(0) 推荐(0)

flutter Form表单

摘要：效果：阅读全文

posted @ 2019-08-13 11:12 LoaderMan 阅读(241) 评论(0) 推荐(0)

fkutter Stepper步骤指示器

摘要：一个Material Design 步骤指示器，显示一系列步骤的过程效果：阅读全文

posted @ 2019-08-13 11:07 LoaderMan 阅读(230) 评论(0) 推荐(0)

flutter Card卡片列表组件

摘要：一个 Material Design 卡片。拥有一个圆角和阴影效果：阅读全文

posted @ 2019-08-12 21:55 LoaderMan 阅读(1460) 评论(0) 推荐(0)

flutter chip标签组件

摘要：效果：阅读全文

posted @ 2019-08-12 21:46 LoaderMan 阅读(956) 评论(0) 推荐(0)

flutter Slider滑块组件

摘要：滑块，允许用户通过滑动滑块来从一系列值中选择。效果：阅读全文

posted @ 2019-08-12 21:20 LoaderMan 阅读(1766) 评论(0) 推荐(0)

flutter Sliver滑动视图组件

摘要： post.dart 效果：阅读全文

posted @ 2019-08-12 21:15 LoaderMan 阅读(502) 评论(0) 推荐(0)

Ionic4.x、Cordova Android 检测应用版本号、服务器下载文件以及实现App自动升级、安装

摘要： Android App 升级执行流程 1、获取本地版本号 2、请求服务器获取服务器版本号 3、本地版本和服务器版本不一致提示升级，弹窗提示用户是否更新 4、用户确定升级，调用文件传输方法下载 apk 文件 5、监听下载进度 6、下载完成打开 Apk 进行安装注意:在 ios 中没法直接下载安装，如阅读全文

posted @ 2019-08-10 22:03 LoaderMan 阅读(2752) 评论(0) 推荐(0)

flutter SnackBar 底部消息提示

摘要：具有可选操作的轻量级消息提示，在屏幕的底部显示文档：https://api.flutter.dev/flutter/material/SnackBar-class.html demo: 效果：阅读全文

posted @ 2019-08-10 19:58 LoaderMan 阅读(619) 评论(0) 推荐(0)

Flutter ExpansionPanel 可展开的收缩控件

摘要：文档：https://api.flutter.dev/flutter/material/ExpansionPanel-class.html demo：效果：阅读全文

posted @ 2019-08-10 19:52 LoaderMan 阅读(1864) 评论(0) 推荐(0)

Ionic4 Cordova 调用原生硬件 Api 实现扫码功能

摘要： QR Scanner 速度快，样式随心所欲，默认只能扫二维码 https://ionicframework.com/docs/native/qr-scanner/ 安装插件 ionic cordova plugin add cordova-plugin-qrscanner npm install @ 阅读全文

posted @ 2019-08-09 15:27 LoaderMan 阅读(950) 评论(0) 推荐(0)

Flutter BottomSheet底部弹窗效果

摘要： BottomSheet是一个从屏幕底部滑起的列表（以显示更多的内容）。你可以调用showBottomSheet()或showModalBottomSheet弹出效果：文档：https://api.flutter.dev/flutter/material/BottomSheet-class.htm 阅读全文

posted @ 2019-08-09 10:45 LoaderMan 阅读(9868) 评论(0) 推荐(0)

Flutter 中AlertDialog确认提示弹窗

摘要：文档：https://api.flutter.dev/flutter/material/AlertDialog-class.html 阅读全文

posted @ 2019-08-08 20:43 LoaderMan 阅读(8306) 评论(0) 推荐(0)

Ionic Cordova 调用原生 Api 实现拍照上传图片到服务器功能

摘要： Ionic 调用 Device 设备 Api 获取手机的设备信息 1. 找到对应的Api: https://ionicframework.com/docs/native/device/ 2. 安装相关的设备插件 ionic cordova plugin add cordova-plugin-devi 阅读全文

posted @ 2019-08-08 15:29 LoaderMan 阅读(794) 评论(0) 推荐(0)