学步园

Flutter混合开发详解 混合开发简介 使用Flutter从零开始开发App是一件轻松惬意的事情,但对于一些成熟的产品来说,完全摒弃原有App的历史沉淀,全面转向Flutter是不现实的.因此使用Flutter去统一Android.iOS技术栈,把它作为已有原生App的扩展能力,通过有序推进来提升移动终端的开发效率. 目前,想要在已有的原生App里嵌入一些Flutter页面主要有两种方案.一种是将原生工程作为Flutter工程的子工程,由Flutter进行统一管理,这种模式称为统一管理模式.另一种是将Flutter工程作

Flutter 滚动监听及实战appBar滚动渐变的实现 介绍 在 Flutter 中滚动监听一般可以采用两种方式来实现,分别是ScrollController和NotificationListener这两种方式. ScrollController介绍 ScrollController 介绍一下ScrollController常用的属性和方法: offset:可滚动组件当前的滚动位置. jumpTo(double offset)跳转到指定位置,offset为滚动偏移量. animateTo(double offset,@required Duratio

Flutter 假异步的实现示例 就像 android 有 handle 一样,消息队列这东西好像还真是系统必备,Flutter 也有自己的消息队列,只不过队列直接封装在了 Dart 的线程类型 Isolate 里面了,不过 Flutter 还是提供了 Futrue 这个 API 来专门来操作各种消息,以及实现基于消息队列的假异步 Flutter 的"异步"机制 这里的异步是加了引号的,可见此异步非真异步,而是假异步.Flutter 的 异步 不是开新线程,而是往所属线程的 消息队列 中添加任务,当然大家也可

Flutter中如何加载并预览本地的html文件的方法 直接进入主题,大概步骤如下 在 assets 创建需要访问 html 文件,如下 这里创建一个files文件夹,专门来放这些静态 html 文件. 在 pubspec.yaml 中配置访问位置 assets: – assets/images/ – assets/files/ 在 pubspec.yaml 添加 webview_flutter 插件依赖 webview_flutter: ^0.3.15+1 // 具体版本请查看官网 进入实际的代码操作 import ‘dart:convert’;

Flutter 实现下拉刷新上拉加载的示例代码 本文介绍了Flutter 实现下拉刷新上拉加载的示例代码,分享给大家,具体如下: 效果图 使用方法 添加依赖 dependencies: pull_to_refresh: ^1.5.7 导入包 import ‘package:pull_to_refresh/pull_to_refresh.dart’; 页面代码样例 class _MyHomePageState extends State<MyHomePage> { List<String> items = ["

flutter 自定义websocket路由的实现 在 flutter websocket 中 服务端推送数据给客户端后 很多人的处理居然都是 if / switch; 感觉这样的写法不咋好! 自己想的一个办法: 在 lib 目录下新建一个 socket 目录 里面创建两个文件main.dart和router.dart; main.dart : 主要控制websocket的连接 断开 和收到消息的处理; router.dart 则为websocket 服务端返回的消息做路由处理; router.dart import ‘package:lee/l

Flutter开发之路由与导航的实现 如果说构成视图元素的基本单位是组件,那么构成应用程序的基本单位就是页面.对于拥有多个页面的应用程序而言,如何从一个页面平滑地过渡到另一个页面,是技术框架需要考虑的问题. 在前端开发中,可以使用路由框架来统一管理页面及它们之间的跳转.在Android中路由指的是一个Activity,在iOS中指的是一个ViewController,可以通过startActivity或pushViewController来打开一个新的路由.在Flutter中,路由的管理和导航借鉴了前端和客户端的设计思路,需要使用R

Windows实现Flutter环境搭建及配置这一篇就够了 最近正式入坑Flutter,首先从环境搭建开始,看了网上好多关于Windows环境搭建的资料,基本都是按官方文档写的,看完的感受是,还不如直接去看官方文档. 官方英文文档传送门:Get Started: Install on Windows . 本文主要总结我实际搭建的过程,最后发现不一定按网上那些博客或者官方文档写的来也可以搭建成功. 总的来说需要的也就4样东西,找齐了配置一下就OK: (1)Flutter SDK (建议下载官网的,下载完直接能用) (2)下载Dart插件 (3)下载Flut

使用Flutter实现一个走马灯布局的示例代码 走马灯是一种常见的效果,本文讲一下如何用 PageView 在 Flutter 里实现一个走马灯, 效果如下,当前页面的高度比其它页面高,切换页面的时候有一个高度变化的动画.实现这样的效果主要用到的是 PageView.builder 部件. 开发 创建首页 首先创建一个 IndexPage 部件,这个部件用来放 PageView ,因为需要使用 setState 方法更新 UI,所以它是 stateful 的. import ‘package:flutter/material.dart’; c

flutter 实现多布局列表的示例代码 闲来无事,写个玩安卓的首页,实现多布局.banner的效果.其中涉及知识点侧滑,pageview 切换页面,页面跳转传值及回调数据(在侧滑里).这些都是基于自己学习做的demo. 当然还有很多瑕疵需要完善. 先看效果: 这里主要讲解多布局,所以其他功能可以参考github https://github.com/chentaishan/flutter_app 多布局功能代码: @override void initState() { // TODO: implement initState sup