flutter

一统天下 flutter - UI: MediaQuery - 获取屏幕的相关信息,使系统设置中的字体大小无效

一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - UI: MediaQuery - 获取屏幕的相关信息,使系统设置中的字体大小无效 示例如下: lib\ui\media_query.dart ......
一统天下 MediaQuery 屏幕 大小 字体

一统天下 flutter - widget 按钮类: Ink/InkWell/InkResponse - 让任意组件支持点击事件和点击效果

一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - widget 按钮类: Ink/InkWell/InkResponse - 让任意组件支持点击事件和点击效果 示例如下: lib\widget ......

一统天下 flutter - widget 列表类: GridView - 网格

一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - widget 列表类: GridView - 网格 示例如下: lib\widget\list\grid_view.dart /* * Gri ......
一统天下 网格 GridView flutter widget

一统天下 flutter - widget 状态管理: 状态管理 - 在树上,父监听子的通知

一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - widget 状态管理: 状态管理 - 在树上,父监听子的通知 示例如下: lib\state\notification_listener.d ......
状态 一统天下 flutter widget 天下

一统天下 flutter - widget 滚动类: DraggableScrollableSheet - 可滚动组件,并且支持通过拖拽的方式上下展开

一统天下 flutter - widget 滚动类: DraggableScrollableSheet - 可滚动组件,并且支持通过拖拽的方式上下展开 ......

一统天下 flutter - 输入: Draggable/DragTarget - 拖拽

一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - 输入: Draggable/DragTarget - 拖拽 示例如下: lib\input\drag.dart /* * Draggable/ ......

一统天下 flutter - widget 滚动类: ScrollNotification - 滚动通知

一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - widget 滚动类: ScrollNotification - 滚动通知 示例如下: lib\widget\scroll\scroll_no ......

一统天下 flutter - widget 容器类(只能有一个子): AspectRatio - 按比例

一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - widget 容器类(只能有一个子): AspectRatio - 按比例 示例如下: lib\widget\container\aspect ......

Flutter/React native/un-app

Flutter是Google开源的构建用户界面(UI)工具包,帮助开发者通过一套代码库高效构建多平台精美应用,支持移动、Web、桌面和嵌入式平台。 [5] Flutter 开源、免费,拥有宽松的开源协议,适合商业项目。 Flutter可以方便的加入现有的工程中。在全世界,Flutter 正在被越来越 ......
Flutter native un-app React app

Flutter升级错误

升级一个老项目,用的是flutter,升级完了一直报错: /C:/Users/***/AppData/Local/Pub/Cache/hosted/pub.flutter-io.cn/file-6.1.2/lib/src/interface/file.dart:15:16: Error: The m ......
错误 Flutter

小程序容器同Flutter结合,会产生什么样的火花?

Flutter是跨平台的UI工具包,旨在允许在iOS和Android等操作系统之间重用代码,同时允许应用程序直接与基本平台服务进行交互。目标是让开发者能够交付性能良好的应用程序,在不同平台上感受到自然,并拥抱存在的差异,同时尽可能共享代码。 目前,越来越多的开发者和企业开始关注和使用Flutter开 ......
容器 火花 Flutter 程序

flutter 支持Fiddler抓包

flutter项目如果想要抓包,可以通过以下方式配置Dio框架 _dio = Dio(); (_dio.httpClientAdapter as DefaultHttpClientAdapter).onHttpClientCreate = (HttpClient client) { /// Fidd ......
flutter Fiddler

深入小程序系列之二、Flutter 和小程序混编

背景 本文我们将开一下脑洞,在 Flutter 工程基础上下集成及运行小程序方案。 先看一下效果如下: 新建 Flutter 样例工程 Flutter 的安装 Flutter 的安装可参考https://flutterchina.club/get-started/install/具体上主要执行以下三 ......
程序 Flutter

在线直播源码,flutter 溢出几种布局方案

在线直播源码,flutter 溢出几种布局方案 方案一 SizedOverflowBox 要实现这样的效果很容易想到的就是 SizedOverflowBox,复制下面的代码到 main.dart,运行后查看效果。 Container( color: Colors.green[400], width: ......
在线直播 源码 布局 flutter 方案

一统天下 flutter - 插件: flutter 使用 ios 原生控件,并做数据通信

一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - 插件: flutter 使用 ios 原生控件,并做数据通信 示例如下: lib\plugin\plugin2.dart /* * 插件 * ......

一统天下 flutter - 插件: flutter 与 ios 原生之间的数据通信

一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - 插件: flutter 与 ios 原生之间的数据通信 示例如下: lib\plugin\plugin.dart /* * 插件 * 本例用于 ......

一统天下 flutter - 插件: flutter 使用 android 原生控件,并做数据通信

一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - 插件: flutter 使用 android 原生控件,并做数据通信 示例如下: lib\plugin\plugin2.dart /* * 插 ......

一统天下 flutter - 插件: flutter 与 android 原生之间的数据通信

一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - 插件: flutter 与 android 原生之间的数据通信 示例如下: lib\plugin\plugin.dart /* * 插件 * ......

一统天下 flutter - widget 列表类: ExpansionTile - 列表项(可展开)

一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - widget 列表类: ExpansionTile - 列表项(可展开) 示例如下: lib\widget\list\expansion_ti ......

一统天下 flutter - widget 状态管理: 状态管理 - 自定义 controller

一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - widget 状态管理: 状态管理 - 自定义 controller 示例如下: lib\state\controller.dart /* * ......

解决Flutter_Boost,在Android Studio 出现“Cannot resolve symbol” 的问题

今天在调试的时候,Android Studio报了一个莫名其妙的错误Cannot resolve symbol'R'让人不知所措,怎么会出现 Cannot resolve symbol 这种错误呢?下面给大家分享Android Studio 出现“Cannot resolve symbol”解决方案 ......
Flutter_Boost Flutter Android resolve Cannot

Flutter Dart数组固定长度分割成二维数组

将dart数组按照指定的长度分割,返回一个二维数组,实现list的split功能. 例如: a = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19] splitList(a, 6):[[0, 1, 2, 3, ......
数组 长度 Flutter Dart

Flutter 的优缺点及前景

Flutter 是由 Google 创建的免费开源的移动应用程序开发框架。可以用它为 iOS、Android 和 Web 平台,开发界面华丽、高性能、响应式的应用程序。Flutter 基于 Dart 编程语言,并使用 Skia 图形库来渲染其组件。 和很多其它框架一样,Flutter 宣称其主要特性 ......
优缺点 前景 Flutter

Flutter之GetX之路由管理

GetX之路由管理 GetX有一套完整的路由管理,并且不需要context上下文,API非常简洁 直接导航 导航到新的页面 Get.to(NextScreen()); 返回,此方法可以用于关闭SnackBars、Dialogs、BottomSheets或任何你通常会用Navigator.pop(co ......
路由 Flutter GetX

Flutter之GetX之GetConnect

Flutter之GetX之GetConnect GetConnect可以便捷的通过http或websockets进行前后台通信。 默认配置 能轻松的通过extend GetConnect就能使用GET/POST/PUT/DELETE/SOCKET方法与Rest API或websockets通信。 c ......
GetConnect Flutter GetX

Flutter之GetX之国际化

Flutter之GetX之国际化 在GetMaterialApp中设置 GetMaterialApp( locale: Get.deviceLocale, translations: Messages(), fallbackLocale: const Locale("en_US"), ) 其中设置的 ......
Flutter 国际 GetX

Flutter之GetX之GetBuilder

Flutter之GetX之GetBuilder GetX是Flutter的一个非常强力的三方库,包含了非常多的功能,比如状态管理、路由管理、国际化、路由中间件、主题、数据库等等 今天简单介绍一下状态管理中的GetBuilder实现 有关状态管理 当你的 Flutter 应用的状态发生改变时(例如,用 ......
GetBuilder Flutter GetX

Flutter之GetX之Obs

Flutter之GetX之Obs 除了之前说过的GetBuilder,GetX还有其他的状态管理方式 一个后缀就可以把一个变量变得可观察,变量每次改变的时候,使用它的小部件就会被更新 var name = '周杰伦'.obs; 然后通过 Obx 或者 GetX 包裹并使用响应式变量的控件,在变量改变 ......
Flutter GetX Obs

flutter系列之:在flutter中使用相机拍摄照片

简介 在app中使用相机肯定是再平常不过的一项事情了,相机肯定涉及到了底层原生代码的调用,那么在flutter中如何快速简单的使用上相机的功能呢? 一起来看看吧。 使用相机前的准备工作 flutter中为使用camera提供了一个叫做camera的插件,我们首先需要安装这个插件。 安装插件的步骤很简 ......
flutter 相机 照片

Flutter 异步编程指南

在 App 开发中,经常会遇到处理异步任务的场景,如网络请求、读写文件等。Android、iOS 使用的是多线程,而在 Flutter 中为单线程事件循环 ......
Flutter 指南