分类: 移动开发
thumbnail

Flutter完整开发实战详解十一:全面深入理解Stream

一、Stream 由浅入深 Stream 在 Flutter 是属于非常关键的概念,在 Flutter 中,状态管理除了 InheritedWidget 之外,无论 rxdart,Bloc 模式,flutter_redu……
thumbnail

Flutter完整开发实战详解十:深入图片加载流程

Flutter 中,图片的加载主要是通过 Image 控件实现的,而 Image 控件本身是一个 StatefulWidget ,通过前文我们可以快速想到, Image 肯定对应有它的 Render……
thumbnail

Flutter开发原理:三棵重要的树(渲染过程、布局约束、应用视图构建)

DOM 树这个概念,它由页面中每一个控件组成,这些控件所形成的一种天然的嵌套关系使其可以表示为 “树” 结构,我们也可以将这个概念应用在 Flutter 中,例如……
thumbnail

微信公众号开发:JS安全域名怎么填

一、功能介绍 1.之所以要设置微信开发者信息,是因为H5需要绑定微信公众号,否则不能显示分享图、转发会出现epub360网址、而非分享文字信息; 2.所绑定的公众……
thumbnail

微信小程序开发:自定义倒计时组件

最近写小程序写上瘾了,业务上需要实现一个倒计时的功能,考虑到可拓展以及使用方便,便将其封装成组件(写习惯了JSX不得不吐槽小程序自定义组件的繁琐) 萌新第……
thumbnail

Flutter仿写抖音TikTok手势交互(二)

上一篇手势交互的文章中,我们了解了GestureDetector、Transform以及Hero动画,并完成了几个TikTok中的手势交互效果。 来看看本次实现的效果: Gif:user-g……
thumbnail

Flutter仿写抖音TikTok手势交互(一)

Flutter 是 Google推出并开源的移动应用开发框架,主打跨平台、高保真、高性能。开发者可以通过 Dart语言开发 App,一套代码同时运行在 iOS 和 Android平台。 ……
thumbnail

canvas在移动端绘制模糊的问题

移动端的兼容性原因,我们某个项目需要前端将pdf转换成在移动端页面可直接观看的界面。为了方便解决,我们采用了pdf.js这个插件,该插件可以将pdf转换成canv……
thumbnail

微信小程序定制开发周期及流程

比起一键生成微信小程序模板来说,定制微信小程序更复杂,下面小编就为大家带来定制微信小程序的开发周期及开发流程 定制微信小程序开发流程: 1、客户经理需……
thumbnail

开闸放水,小程序开发者薅BAT流量羊毛指南

人口红利见顶,用户获取成本高企,流量天花板困境凸显的互联网下半场,拥有丰沛流量储蓄的BAT们会开闸放水,拿出自家流量与亿级真金白银扶持小程序开发者们。 ……
thumbnail

Flutter和原生之间的平台通道实践与原理

Flutter使用了一个灵活的系统,允许开发者调用特定平台的API,无论在Android上的Java或Kotlin代码中,还是iOS上的ObjectiveC或Swift代码中均可用。 Flutter……
thumbnail

Flutter简单实践 MVVM开发架构

Flutter 是 Google推出并开源的移动应用开发框架,主打跨平台、高保真、高性能。开发者可以通过 Dart语言开发 App,一套代码同时运行在 iOS 和 Android平台。 ……
thumbnail

google移动开发框架flutter创建一个电商应用

学习如何安装Flutter开发环境并创建第一个 Flutter应用,并学习Flutter应用开发中的核心概念,例如widget、状态等。 本系列教程包含如下四个部分,敬请期待: ……
thumbnail

跨平台APP开发框架:Flutter与Xamarin之比较

一段时间以来,移动APP开发人员依赖于特定于平台的工具来开发本机APP,这些APP只能在单一平台上运行。例如,Kotlin和Java主要用于开发Android原生移动APP,而……
thumbnail

Flutter开发实现webview与原生组件组合滑动

Flutter写一个新闻客户端, 新闻详情页中的内容 需要用Flutter的本地Widget和WebView共同展示 . 比如标题/上方的视频播放器是用本地Widget展示, 新闻内容的富……
thumbnail

Flutter开发者入门10个知识点:框架使用什么编程范式?

Flutter 和 ReactNative( RN ) 的异同? RN 是使用JS代码调用系统的原生控件,最高支持 60fps。 Flutter 不使用系统的原生控件, Flutter 基于GPU渲染,所……
thumbnail

react-native、weex、flutter:移动端跨平台开发的深度解析

一、前言 为什么我们需要跨平台开发? 本质上,跨平台开发是为了增加代码复用,减少开发者对多个平台差异适配的工作量,降低开发成本,提高业务专注的同时,……
thumbnail

Flutter开发实战九:深入绘制原理

知道了 Widget、Element、RenderObject 的关系,同时也知道了Widget 的布局逻辑,最终所有 Widget 都转化为 RenderObject 对象, 它们堆叠出我们想要的画面……
thumbnail

Flutter开发实战八:实用技巧与填坑

1、Text 的 TextOverflow.ellipsis 不生效 有时候我们为 Text 设置 ellipsis ,却发现并没有生效,而是出现如下图左边提示 overflowed 的警告。 其实大部分……
thumbnail

Flutter开发实战七:深入布局原理

知道了 Widget、Element、RenderObject 三者之间的关系,其中我们最为熟知的 Widget ,作为“配置文件”的存在,在 Flutter 中它的功能都是比较单一的,属于 “……
thumbnail

Flutter开发实战六:深入Widget原理

Widget 是什么?这里有一个 “总所周知” 的答就是:Widget并不真正的渲染对象 。是的,事实上在 Flutter 中渲染是经历了从 Widget 到 Element 再到 RenderObj……
thumbnail

Flutter开发实战五:深入探索一些有趣原理

一、WidgetsFlutterBinding 这是一个胶水类。 1、Mixins 混入其中( ̄. ̄)! 是的,Flutter 使用的是 Dart 支持 Mixin ,而 Mixin 能够更好的解决多继承中容……
thumbnail

Flutter开发实战四:Redux、主题、国际化

Flutter 中 Redux 的使用,并结合Redux 完成实时的主题切换与多语言切换功能。 Flutter 作为响应式框架,通过 state 实现跨帧渲染的逻辑,难免让人与 React ……
thumbnail

Flutter开发实战三: 打包与填坑篇

一、打包 首先我们先看结果,如下表所示,是 Flutter 与 React Native 、IOS 与 Android 的纵向与横向对比 。 项目 IOS Android GSYGithubAppFlutter……