分类: 移动开发
thumbnail

Flutter 布局参考手册:Stack

Stack 非常适用于将部件叠加在一起 @override Widget build(BuildContext context) { Widget main = Scaffold( appBar: AppBar(title: Text('Stac……
thumbnail

Flutter 布局参考手册:IntrinsicWidth 和 IntrinsicHeight

IntrinsicWidth 和 IntrinsicHeight 想要某行或列中所有部件和最高/最宽的部件一样高/宽?不要乱找了,答案在这里! 当你有这种样式的布局: Widget build(……
thumbnail

Flutter 布局参考手册:Row 和 Column

Row 和 Column MainAxisAlignment Row /*或 Column*/( mainAxisAlignment: MainAxisAlignment.start, children: <Widget>[ Icon(Icons.s……
thumbnail

Flutter自定义绘制Widget,代价最小、最高效的解决方案

自定义Widget讲究灵活性,同一种效果可以由多种实现方案,我们要做的就是找到代价最小、最高效的解决方案。 Flutter自定义绘制Widget 从如何使用Canvas draw……
thumbnail

Flutter ListView封装,下拉刷新、上拉加载更多...

封装了Flutter的ListView,只要传递请求数据的方法和绘制item的方法进去就可以绘制ListView,同时支持下拉刷新、上拉加载更多。 主要三个文件:refresh_list……
thumbnail

Flutter App工程化,打包为桌面端程序

步骤一:搭建环境 flutter 环境略 golang go 语言开发环境 hover go-flutter-desktop 提供的脚手架工具 先看Go语言环境准备 访问Go语言中文网 下载相应的……
thumbnail

Flutter插件开发之APK自动安装,适用于Android开发人员

什么是Flutter Plugin Flutter Plugin是一种特殊的包,包含一个用Dart编写的API定义,结合Android和iOS的平台特定实现,从而达到二者兼容。 应用的Flutter……
thumbnail

如何写一个Flutter自动打包成iOS代码模块的脚本

方案筛选 经过探索,结合项目的实际情况(我司的项目采用模块化开发,pods方式集成),有下面的两个方案: 使用google的集成方案 将flutter编译后的产物打……
thumbnail

Flutter最新开发环境搭建和输出Hello World

1.Flutter概述 Flutter是谷歌的移动UI框架,可以快速在Android和iOS上构建高质量的原生用户界面, 它的前身是谷歌试验项目Sky。主要有以下几个特点: 符合各……
thumbnail

修改flutter_boost,兼容iOS侧滑的一个解决方案

项目中使用了flutter_boost,发现侧滑时直接将flutter的整个VC给pop掉了,demo中flutter代码跳转到新的页面也是使用openPage的方式打开,因此没有这个问题,……
thumbnail

Flutter 高效自学笔记:Widget 部件、MaterialApp

Widget 部件 读音 /'wɪdʒɪt/ 危机特,文档说借鉴了 React。我认为 Widget 相当于 React 里的组件 Component。 下文将 Widget 全部称为「部件」。 部件的特点……
thumbnail

Flutter淘宝App添加启动图最简单实现方法

Flutter是移动跨平台的UI框架,一份代码即可在Android和iOS上一致的体验,但是有一些还是需要我们去修改iOS和Android代码才能实现的,比如今天要说的启动图……
thumbnail

Flutter混合开发:FlutterBoost使用介绍

FlutterBoost集成 由于FlutterBoost封装成了插件,所以集成是非常简单的,只需要对工程进行少量代码接入即可。下面以一个Demo工程为例详细了解一下接入方式……
thumbnail

Flutter学习: 弹出Dialog的简单使用

分享的是一个常用功能——弹出Dialog,对于Flutter,万物皆Widget,所以弹出一个Dialog也是加上一个Widget,具体的api就是showDialog。不过不同于原生,Flut……
thumbnail

Flutter学习:Drawer和水纹按压效果

分享的是一个常用功能——水纹按压效果,效果如下: 这个效果就是安卓手机常见的按压水纹效果。 例子 看完效果,我们开始进入写例子的环节,其实例子就是上图……
thumbnail

Flutter学习:MobX的使用和原理

MobX是前端一个很流行的函数响应式编程,让状态变得简单可扩展。背后的哲学是: 任何源自应用状态的东西都应该自动地获得 基于观察者的MVVM框架完成了数据到……
thumbnail

Flutter 开发:自定义功能强大的下拉筛选菜单 package

Gif效果图 分别是仿美团和淘宝的效果图 美团的代码就在这个仓库的example目录下 淘宝的代码在Flutter 淘宝,点我打开 如何使用 由于最近被qiang,所以没有……
thumbnail

Flutter+Mobx实战开发,写一个App应用

增加了路由跳转,可以带参数跳转页面。下拉可以自定义刷新样式,IOS点击Status Bar回到顶部,目前已经测试过。状态管理器使用Mobx,我自己觉得对于Redux使用……
thumbnail

flutter app开发:打造炫酷的list

flutter比我们想象中的强大。这篇文章介绍了怎么使用flutter来展示一个很漂亮的list,先看下效果图。 样式还是很漂亮的,下面我们一步一步完成这个小项目……
thumbnail

Flutter | 状态管理探索篇——BLoC

Flutter的很多灵感来自于React,它的设计思想是数据与视图分离,由数据映射渲染视图。所以在Flutter中,它的Widget是immutable的,而它的动态部分全部放到了……
thumbnail

CustomScrollView:Flutter吸附效果如何实现?

而在android中一般是使用 AppBarLayout + CoordinatorLayout + CollapsingToolbarLayout来实现的,那么在flutter中, 这个效果该如何实现呢? 这里我们先看……
thumbnail

Flutter 开发桌面应用——迁移已有App应用到桌面版

flutter做了一款App,已经发布了Android和iOS的版本,因为有计划支持全部平台。所以开始尝试flutter desktop的解决方案。在github上我们能发现两个方案,一……
thumbnail

Flutter 仿掘金微信图片滑动退出页面效果

最近思考了一下,把效果给实现了。 首先把你的页面用ExtendedImageSlidePage包一下 var page = ExtendedImageSlidePage( child: PicSwiper( index,……
thumbnail

Flutter app开发实现一个无限轮播图

轮播图的开发源于我的一个项目,文末可以看到,是因为 pub 上的插件不满足我的需求(或者说不适合我的需求),所以决定自己试着写一个,先看一下最终效果。 ……