简介我们在开发web应用的时候,有时候为了适应浏览器大小的调整,需要动态对页面的组件进行位置的调整。这时候就会用到flow layout,也就是流式布局。同样的,在flutter中也有流式布局,这个流式布局的名字叫做Flow。事实上,在flutter中,Flow通常是和FlowDelegate一起使用的,FlowDelegate用来设置Flow子组件的大小和 ......
323
0
0
2023-01-10
简介我们在flutter中使用能够包含多个child的widget的时候,经常会遇到超出边界范围的情况,尤其是在Column和Row的情况下,那么我们有没有什么好的解决办法呢?答案就是今天我们要讲解的Wrap。Row和Column的困境Row和Column中可以包含多个子widget,如果子widget超出了Row或者Column的范围会出现什么情况呢?我们 ......
320
0
0
2023-01-10
简介之前我们介绍了一个flutter的栈结构的layout组件叫做Stack,通过Stack我们可以将一些widget叠放在其他widget之上,从而可以实现图像的组合功能,也是日常中最常用的一种组件了。今天我们要介绍的组件是Stack的近亲,叫做IndexedStack,它有什么功能呢?一起来看看吧。IndexedStack简介从名字可以看出,Indexe ......
322
0
0
2023-01-09
简介我们在构建UI的时候,为了适应不同的屏幕大小,通常需要进行一些自适应的配置,而最常见的自适应就是根据某个宽度或者高度自动进行组件的缩放。今天要给大家介绍两个可以自动缩放的组件AspectRatio和FractionallySizedBox。AspectRatioAspectRatio的目的就是将其child按比例缩放。先来看下AspectRatio的定义 ......
337
0
0
2023-01-09
简介GridView是一个网格化的布局,如果在填充的过程中子组件超出了展示的范围的时候,那么GridView会自动滚动。因为这个滚动的特性,所以GridView是一个非常好用的Widget。今天我们一起来探索一下GridView这个layout组件的秘密。GridView详解GridView是一个可滚动的view,也就是ScrollView,事实上GridV ......
362
0
0
2023-01-09
大家好,我是可爱又机灵的开源小妹。最近我们大魔头老板😈让我在 Flutter App 中加上实时通讯的原生功能,这几天光是想着如何混合 Flutter 工程和原生工程让我掉了不少头发~~o(>_<)o ~~还好爱撸码的开源大叔给我推荐了一个开源项目解救了我,今天我也把它推荐给大家吧(^▽^)这次小妹介绍项目叫 FlutterBoost,由阿里系闲 ......
378
0
0
2023-01-07
国庆节马上就要到了,为了庆祝伟大祖国的生日,现在朋友圈的各位大佬们也都更新了社交的头像,渐变色的红旗相当有格调,今天和尚通过 Flutter 方式自定义一个简单的渐变国旗头像;ACEStarPage1. 国旗范围及辅助线首先绘制国旗是一件非常严肃的事情,和尚特意在维基百科上查询了官方国旗的介绍,也算是增加了一些知识点;先将旗面划分为 4 个等分长方形,再将左 ......
411
0
0
2022-11-11
和尚在之前尝试过 ToggleButtons 按钮切换容器组,和尚了解到类似的 iOS 风格的 CupertinoSegmentedControl 分段控制器;在日常应用中使用频率较高,今天和尚简单学习一下;CupertinoSegmentedControl源码分析CupertinoSegmentedControl({ Key key, ......
490
0
0
2022-11-11
为了积极拥抱新技术并优化RN的性能问题,所以决定在新业务需求中引入Flutter技术栈Flutter混合栈开发大致可以分为一下两种模式native工程直接依赖开发具体接入方式为,先在setting.gradle 中加入如下代码:setBinding(new Binding([gradle: this])) evaluate(new File( ......
543
0
0
2022-05-28
今天以一个漂亮的开源记账项目为例,来给大家提供一个思路,用最简单的方法将一个本地存储项目变为可以云同步的项目。这个App名叫《出入》,地址在https://github.com/Livinglist/Churu。为什么选这个项目呢?因为这个项目本身就是使用的本地sqlite进行数据存储,可以比较方便将它改成在线postgre数据库,从而用有云同步功能。对于没 ......
427
0
0
2022-05-05
谷歌的 UI 工具包 Flutter 在创建移动、网页和桌面的跨平台应用程序方面越来越受欢迎。Flutter 不是一种编程语言,而是一个软件开发工具包。Dart 是 Flutter SDK 下面使用的编程语言。Flutter 是谷歌开源的 Fuchsia OS、谷歌 STADIA 以及许多其他软件和移动应用背后的主要框架。如果你想使用 F ......
457
0
0
2022-05-04
了解如何创建 Flutter 应用的界面以及如何在它们之间进行数据传递。Flutter 是一个流行的开源工具包,它可用于构建跨平台的应用。在文章《用 Flutter 创建移动应用》中,我已经向大家展示了如何在 Linux 中安装 Flutter 并创建你的第一个应用。而这篇文章,我将向你展示如何在你的应用中添加一个列表,点击每一个列表项可 ......
391
0
0
2022-04-12
Flutter Go阿里开源的Flutter示例源码,详解常用widget多达 140+ 个;地址:https://gitee.com/mirrors/flutter-go Flutter-p2p-engineFlutter开发的视频/直播APP源码;Gitee:https://gitee.com/cdnbye/flutter-p2p-engine Fl ......
854
0
0
2022-04-09
作为 GSY 开源系列的作者,在去年也整理过 《移动端跨平台开发的深度解析》 的对比文章,时隔一年之后,本篇将重新由 环境搭建、实现原理、编程开发、插件开发、编译运行、性能稳定、发展未来 等七个方面,对当前的 React Native 和 Flutter 进行全面的分析对比,希望 ......
646
0
0
2022-04-07