写点什么

跨平台应用

0 人感兴趣 · 19 次引用

  • 最新
  • 推荐
https://static001.geekbang.org/infoq/5a/5a6a1f38fbe22b31e499f28ac39125e7.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

跨平台应用开发进阶 (四十) 自定义插件及引用

正如将可复用功能封装为自定义组件以供他人使用一样,在uni-app开发框架中提供了另一种形式的自定义插件,并可将该插件提交至uni-app插件市场。

https://static001.geekbang.org/infoq/5a/5a6a1f38fbe22b31e499f28ac39125e7.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

跨平台应用开发进阶 (三十四) :uni-app 应用 Universal Link 实现 iOS 微信分享

传统的微信分享可通过URLScheme 实现,具体实现方式详参博文《跨平台应用开发进阶(十六) :uni-app实现URLScheme唤醒APP》,但URL scheme因为是自定义的协议,所以在没有安装 app 的情况下是无法直接打开的(在Safari中还会出现一个不可打开的弹窗),而Univer

https://static001.geekbang.org/infoq/5a/5a6a1f38fbe22b31e499f28ac39125e7.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

跨平台应用开发进阶 (三十一) :uni-app 实现覆盖原生控件导航栏和 tabbar 全屏弹窗

应用uni-app跨平台框架进行项目开发过程中,需要实现版本更新时全页面弹窗,底部导航栏无法点击的效果。

https://static001.geekbang.org/infoq/5a/5a6a1f38fbe22b31e499f28ac39125e7.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

跨平台应用开发进阶 (二十一) :uni-app 路由传参参数丢失问题解决方案探究

uni-app项目开发过程中,页面间跳转的同时进行参数传递是再普通不过的应用场景。但是对于超长文本参数的传递场景,很多初级开发者并不会留意其中存在的坑。

https://static001.geekbang.org/infoq/73/7317c3590bb5076106b7982a1b709c5f.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

GetX 响应式状态管理简介

用户头像
岛上码农
2022-06-19

本篇介绍了 GetX 的响应式状态管理的基本概念和用法,相比GetBuilder这种简单的方式而言,响应式还有很多更高级的用法。

https://static001.geekbang.org/infoq/b5/b5fdb451d47ed33777fb53f99c2aa551.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

从源码解析 flutter_redux 的精准局部刷新

用户头像
岛上码农
2022-06-09

因此,对于有些第三方插件,还是有必要保持好奇心,了解其中的实现机制,做到知其然知其所以然。本篇来解析 Redux 的源码看它如何精准刷新!

https://static001.geekbang.org/infoq/02/02653cc1f2b70194fa78b74c533ba8ef.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Redux 之利用 distinct 属性进行性能优化

用户头像
岛上码农
2022-06-08

对于全局的 Store 来说,如果使用不慎可能导致全局刷新,因此良好的习惯是设置Store 的 distinct 属性为 true,并且重载状态对象的==和 hashCode 方法,以减少不必要的刷新,优化性能。

https://static001.geekbang.org/infoq/ac/ac4f7a721f95cea98cd707a8ba31411f.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Flutter 开发一个通用的购物车数量编辑组件

用户头像
岛上码农
2022-06-07

本篇完成了购物数量加减组件的开发,以及使用了TypedMiddleware将中间件处理方法与对应的 Action 进行绑定避免过多的 if...else 判断,增强了中间件的可维护性。

https://static001.geekbang.org/infoq/a0/a0af6ad57f110ce86ca8c753881f03d2.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

以购物清单为例讲述 Redux 的状态如何在 Flutter 多个组件间共享

用户头像
岛上码农
2022-06-05

本篇介绍了在顶级组件构建Store的方式实现了多组件共享 Redux 的状态。对于处于同一组件树的组件,都可以采用这种方式来共享状态。同时,实际开发中可以灵活运用 StoreConnector 的 converter 参数,通过这种方式可以简化界面的构建。

https://static001.geekbang.org/infoq/c1/c1dcfc49428a158baf11485389d4ba04.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Flutter 使用 Redux 的中间件实现异步状态管理

用户头像
岛上码农
2022-06-04

使用 Redux 的封装性会更好,比如网络请求部分的业务放在了中间件,对于组件层面来说只需要关心要发起什么动作,而不需要关心具体动作后要怎么处理。

https://static001.geekbang.org/infoq/01/01343ef3733467df19f4504617575adf.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Flutter 也能玩 React 的 Redux?

用户头像
岛上码农
2022-05-31

Flutter 也可以用 Redux 哦,使用方法基本和 React里一样,只是这是一个 Dart 版本的 Redux。

https://static001.geekbang.org/infoq/b1/b12890d48e4fca3c618d530cbafdc6b5.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

使用 Provider 实现 Flutter 多组件的状态共享

用户头像
岛上码农
2022-05-20

通过使用 MultiProvider,我们能够实现多状态共同管理,为 App 的子组件提供多个状态,从而避免状态管理类的代码揉和不同类业务,导致业务代码过于臃肿。

https://static001.geekbang.org/infoq/33/338aadb489cd3b53cc5870c61262e264.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

从相亲来看 Flutter 的 StatefulWidget 和 StatelessWidget

用户头像
岛上码农
2022-05-13

从有状态和无状态组件的对比来看,有状态组件要维护的生命周期函数多好几个,性能上自然会消耗更多资源,因此如果没有必要,推荐尽量使用无状态组件。

https://static001.geekbang.org/infoq/0d/0db9fb00e72a673254d8e186ff78ee12.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

深入了解 Flutter 的状态管理机制(上)

用户头像
岛上码农
2022-05-09

因此,本篇引入了一个 ModelBinding 类,通过继承 InheritedWidget 来实现子组件可以直接访问上级组件的状态,从而避免了状态参数的层层传递,也能清晰地了解状态管理的机制。

https://static001.geekbang.org/infoq/d8/d838173c5767f31338937796b84e424a.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

以购物车为例探讨 Flutter 的状态管理的必要性

用户头像
岛上码农
2022-05-08

为什么我们需要状态管理,这一篇以购物车的例子讲得明明白白!

https://static001.geekbang.org/infoq/d6/d6e642588528c32d97dbbf0403dd5cdb.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Flutter 组件渲染模式详解

用户头像
岛上码农
2022-05-07

本篇介绍了 Flutter 渲染工作的基本机制,通过了解渲染机制能够帮助我们了解 Widget 和实际渲染的对应关系,从而在后续的状态管理中更好地理解状态管理工具如何完成组件的更新。

https://static001.geekbang.org/infoq/64/6485de12374dcec0aac2f8443172dd08.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Flutter 如何快速切换生产和测试环境?

用户头像
岛上码农
2022-05-06

本篇介绍了使用不同的入口文件来解决不同环境切换的问题,通过入口文件而不是改代码可以避免很多问题。

https://static001.geekbang.org/infoq/87/8791cbb590ff687a57f0fea076f4a14b.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Flutter 网络请求 Dio 拦截器详解

用户头像
岛上码农
2022-04-27

通过网红小王的故事详解 Flutter 网络库 Dio 的拦截器怎么使用。

跨平台应用_跨平台应用技术文章_InfoQ写作社区