- 作者：坚果公众号："大前端之旅"华为云享专家，InfoQ签约作者，OpenHarmony布道师，，华为云享专家，阿里云专家博主，51CTO博客首席体验官，开源项目GVA成员之一，专注于大前端技术的分享，包括Flutter,鸿蒙，小程序,安卓，VUE，JavaScript。在 Dart（和 Flutter）中使用 For 循环for循环是包括 Dart 在内的许多编程语言中最重要的特性之一。1... 作者：坚果公众号："大前端之旅"华为云享专家，InfoQ签约作者，OpenHarmony布道师，，华为云享专家，阿里云专家博主，51CTO博客首席体验官，开源项目GVA成员之一，专注于大前端技术的分享，包括Flutter,鸿蒙，小程序,安卓，VUE，JavaScript。在 Dart（和 Flutter）中使用 For 循环for循环是包括 Dart 在内的许多编程语言中最重要的特性之一。1...
- sizer 2.0.15 Sizer 可帮助您轻松创建响应式 UI。一个 Flutter 插件，用于轻松使 Flutter 应用程序响应。自动使 UI 适应不同的屏幕尺寸。响应变得简单。安装⬇️ 添加到 pubspec.yaml。dependencies: ... sizer: ^2.0.15参数⚙️ .h- 返回基于设备计算的高度.w- 根据设备返回计算出的宽度.sp- 返回基于设备计... sizer 2.0.15 Sizer 可帮助您轻松创建响应式 UI。一个 Flutter 插件，用于轻松使 Flutter 应用程序响应。自动使 UI 适应不同的屏幕尺寸。响应变得简单。安装⬇️ 添加到 pubspec.yaml。dependencies: ... sizer: ^2.0.15参数⚙️ .h- 返回基于设备计算的高度.w- 根据设备返回计算出的宽度.sp- 返回基于设备计...
- 前言 ：各位同学大家好，大家在做app开发的时候都会遇到屏幕适配的问题，安卓里面有dp iOS里面有pt 单位给我们用来处理屏幕适配 除此之外安卓还有 autosize等框架给我们使用 ，iOS也对应屏幕适配方案给我们使用，那么在flutter 中我们可以使用 flutter_ScreenUtil 这个三方库来处理屏幕的适配，那么废话不多说 我们正式开始讲解使用方法。 准备工作：需要安装... 前言 ：各位同学大家好，大家在做app开发的时候都会遇到屏幕适配的问题，安卓里面有dp iOS里面有pt 单位给我们用来处理屏幕适配 除此之外安卓还有 autosize等框架给我们使用 ，iOS也对应屏幕适配方案给我们使用，那么在flutter 中我们可以使用 flutter_ScreenUtil 这个三方库来处理屏幕的适配，那么废话不多说 我们正式开始讲解使用方法。 准备工作：需要安装...
- 前言：各位同学大家好，有一段时间没有给大家更新博客了，最近使用flutter跨平台写了一个模仿微信读书app demo版本（模仿其中部分经典页面不是全部）觉得有几个点值得分享一下，趁着今天放假，就发文章分线给大家，那么废话不多说我们正式开始##效果图： 准备工作：需要安装flutter的开发环境：大家可以去看看之前的教程：1 win系统flutter开发环境安装教程: https://ww... 前言：各位同学大家好，有一段时间没有给大家更新博客了，最近使用flutter跨平台写了一个模仿微信读书app demo版本（模仿其中部分经典页面不是全部）觉得有几个点值得分享一下，趁着今天放假，就发文章分线给大家，那么废话不多说我们正式开始##效果图： 准备工作：需要安装flutter的开发环境：大家可以去看看之前的教程：1 win系统flutter开发环境安装教程: https://ww...
- ##前言：各位同学大家好，有段时间没有给大家更新文章了，趁着今天有时间我们就给大家分享一个flutter的贝塞尔曲线的绘制的案例，希望能帮助到各位同学的学习和工作，那么废话不多说我们正式开始 。 准备工作 ：需要安装flutter的开发环境：大家可以去看看之前的教程：1 win系统flutter开发环境安装教程: https://www.jianshu.com/p/152447bc87182... ##前言：各位同学大家好，有段时间没有给大家更新文章了，趁着今天有时间我们就给大家分享一个flutter的贝塞尔曲线的绘制的案例，希望能帮助到各位同学的学习和工作，那么废话不多说我们正式开始 。 准备工作 ：需要安装flutter的开发环境：大家可以去看看之前的教程：1 win系统flutter开发环境安装教程: https://www.jianshu.com/p/152447bc87182...
- 前言:各位同学大家好，最近看到群里有同学提出需求 在顶替或者底部多个tab切换上面的 widget 能在切换后保持切换之前的效果，今天就趁着有时间就给大家写了一个demo小案例仅供大家参考 那么废话不多说 我们正式开始 准备工作需要安装flutter的开发环境：大家可以去看看之前的教程：1 win系统flutter开发环境安装教程: https://www.jianshu.com/p/... 前言:各位同学大家好，最近看到群里有同学提出需求 在顶替或者底部多个tab切换上面的 widget 能在切换后保持切换之前的效果，今天就趁着有时间就给大家写了一个demo小案例仅供大家参考 那么废话不多说 我们正式开始 准备工作需要安装flutter的开发环境：大家可以去看看之前的教程：1 win系统flutter开发环境安装教程: https://www.jianshu.com/p/...
- 效果图： 前言：各位同学大家好 boss直聘APP相信大家都用过吧, 今天给大家带来一个开源项目模仿了boss直聘中的一些经典页面的实现 希望能帮助到各位flutter的学习。原生安卓 iOS 实现都比较的简单我这里就不展开讲，今天主要讲解flutter版本如何实现 废话不多说我正式开始 。 准备工作：安装flutter环境 如果只是跑安卓设备 win系统就行了 要是同时运行安卓和iOS ... 效果图： 前言：各位同学大家好 boss直聘APP相信大家都用过吧, 今天给大家带来一个开源项目模仿了boss直聘中的一些经典页面的实现 希望能帮助到各位flutter的学习。原生安卓 iOS 实现都比较的简单我这里就不展开讲，今天主要讲解flutter版本如何实现 废话不多说我正式开始 。 准备工作：安装flutter环境 如果只是跑安卓设备 win系统就行了 要是同时运行安卓和iOS ...
- 前言在原生的andriod 和iOS 里面都会有数据缓存的api Android 端用的是 Sharedpreferences 来实现对于轻量级数据的缓存 , IOS端 通常使用NSUserDefaults 来实现轻量级数据的缓存 但是在flutter 有基于Android iOS 做支持的三方插件库 shared_preferences 准备工作shared_preferenc... 前言在原生的andriod 和iOS 里面都会有数据缓存的api Android 端用的是 Sharedpreferences 来实现对于轻量级数据的缓存 , IOS端 通常使用NSUserDefaults 来实现轻量级数据的缓存 但是在flutter 有基于Android iOS 做支持的三方插件库 shared_preferences 准备工作shared_preferenc...
- 在Flutter中自定义应用程序内键盘本文将向您展示如何创建自定义键盘小部件，用于在您自己的应用程序中的Flutter TextField中输入文本。使用案例包括特殊字符或语言的文本输入，其中系统键盘可能不存在或用户可能没有安装正确的键盘。我们今天将制作一个更简单的版本：注意*：本文不会告诉您如何构建用户在任何应用程序中安装和使用的系统键盘。这只是一种基于小部件的方法，可以在您自己的应用程序... 在Flutter中自定义应用程序内键盘本文将向您展示如何创建自定义键盘小部件，用于在您自己的应用程序中的Flutter TextField中输入文本。使用案例包括特殊字符或语言的文本输入，其中系统键盘可能不存在或用户可能没有安装正确的键盘。我们今天将制作一个更简单的版本：注意*：本文不会告诉您如何构建用户在任何应用程序中安装和使用的系统键盘。这只是一种基于小部件的方法，可以在您自己的应用程序...
- 推荐的十个Flutter插件SpiderSpider 包是一个易于使用的包，可以更好地管理资产。有几种安装方法，在 README 中有很简单的描述。以下是您的资产管理前后的示例：第二个看起来好多了，显然更安全，因为资产类是自动生成的，并且给定的路径是 100% 正确的。group_button组按钮是一个易于使用的包，可以快速创建具有相似功能的多个按钮。它非常易于使用，我可以推荐大家看看这个... 推荐的十个Flutter插件SpiderSpider 包是一个易于使用的包，可以更好地管理资产。有几种安装方法，在 README 中有很简单的描述。以下是您的资产管理前后的示例：第二个看起来好多了，显然更安全，因为资产类是自动生成的，并且给定的路径是 100% 正确的。group_button组按钮是一个易于使用的包，可以快速创建具有相似功能的多个按钮。它非常易于使用，我可以推荐大家看看这个...
- spider一个小型 dart 库，用于从 assets 文件夹生成 Assets dart 代码。它生成 dart 类，其中包含静态 const 变量，可用于在 Flutter 应用程序中的任何位置安全地引用资产。示例使用前Widget build(BuildContext context) { return Image(image: AssetImage('assets/backgro... spider一个小型 dart 库，用于从 assets 文件夹生成 Assets dart 代码。它生成 dart 类，其中包含静态 const 变量，可用于在 Flutter 应用程序中的任何位置安全地引用资产。示例使用前Widget build(BuildContext context) { return Image(image: AssetImage('assets/backgro...
- 10 个派上用场的 Flutter 小部件尝试学习一门新语言可能会令人恐惧和厌烦。很多时候，我们希望我们知道早先存在的某些功能。在今天的文章中，我将告诉你我希望早点知道的最方便的几个Flutter小部件。SpacerSpacer 创建一个可调整的空白空间，它占据 Flex 容器中小部件之间的任何剩余空间，例如行或列。 Row( children: const <Widget>... 10 个派上用场的 Flutter 小部件尝试学习一门新语言可能会令人恐惧和厌烦。很多时候，我们希望我们知道早先存在的某些功能。在今天的文章中，我将告诉你我希望早点知道的最方便的几个Flutter小部件。SpacerSpacer 创建一个可调整的空白空间，它占据 Flex 容器中小部件之间的任何剩余空间，例如行或列。 Row( children: const <Widget>...
- 在 Flutter 中以编程方式截取任何 Widget有时，我们确实需要从我们的应用程序中捕获特定的东西，但是我们不知道如何在不使用任何外部包的情况下通过几个步骤来完成它，这就是我在这里讨论当单击一次截取您的Flutter小部件的原因。将小部件转换为图像字节的步骤首先，您需要创建一个与您希望转换为图像的小部件相关联的全局键，并且您必须使用RepaintBoundary小部件包装您的小部件。 ... 在 Flutter 中以编程方式截取任何 Widget有时，我们确实需要从我们的应用程序中捕获特定的东西，但是我们不知道如何在不使用任何外部包的情况下通过几个步骤来完成它，这就是我在这里讨论当单击一次截取您的Flutter小部件的原因。将小部件转换为图像字节的步骤首先，您需要创建一个与您希望转换为图像的小部件相关联的全局键，并且您必须使用RepaintBoundary小部件包装您的小部件。 ...
- 7 个 Flutter 开源项目，让你成为更好的 Flutter 开发者阅读大量代码是提高开发技能的最佳方法之一。开源项目是了解最佳实践、编码风格和许多其他主题的最佳场所。软件开发中最受欢迎的领域之一是跨平台移动应用程序开发。Flutter 是您可以使用的最流行的跨平台移动应用程序开发工具之一。今天，我们来看看 7 个开源的 Flutter 项目，它们可以帮助你成为更好的 Flutter 开... 7 个 Flutter 开源项目，让你成为更好的 Flutter 开发者阅读大量代码是提高开发技能的最佳方法之一。开源项目是了解最佳实践、编码风格和许多其他主题的最佳场所。软件开发中最受欢迎的领域之一是跨平台移动应用程序开发。Flutter 是您可以使用的最流行的跨平台移动应用程序开发工具之一。今天，我们来看看 7 个开源的 Flutter 项目，它们可以帮助你成为更好的 Flutter 开...
- Flutter 局部刷新/ 状态管理在Flutter中，如果我们想要更新页面中的某个widget的状态的话，一般会使用setState方法重走build方法来刷新。//Flutter是描述性的(declarative), UI反映状态.UI = f(state)当页面布局复杂的时候，这样肯定是不行的。 这边梳理了下几种常见的方式，做个记录，方便将来选型总体分为两类：第一类，Dart 和 ... Flutter 局部刷新/ 状态管理在Flutter中，如果我们想要更新页面中的某个widget的状态的话，一般会使用setState方法重走build方法来刷新。//Flutter是描述性的(declarative), UI反映状态.UI = f(state)当页面布局复杂的时候，这样肯定是不行的。 这边梳理了下几种常见的方式，做个记录，方便将来选型总体分为两类：第一类，Dart 和 ...
上滑加载中
推荐直播
-
深度解析鸿蒙应用入门级开发者认证2024/12/04 周三 16:00-18:00
Edi 华为云学堂技术讲师
本期直播将为开发者带来HCCDA-HarmonyOS&Cloud Apps认证课程系统介绍、详细阐述HarmonyOS 技术架构、理解HarmonyOS 技术理念，通过实例带领开发者应用快速上手。
回顾中 -
鸿蒙应用入门：轻松掌握ArkTS开发语言2024/12/05 周四 16:00-18:00
Edi 华为云学堂技术讲师
本期直播课旨在让开发者了解ArkTS语法、轻松掌握ArkUI组件开发，带你零门槛入门鸿蒙开发，掌握状态管理实验和渲染控制实验。
即将直播 -
人工智能应用测试深度解析：理论基础与实践应用指南2024/12/06 周五 14:30-16:30
Alex 华为云学堂技术讲师
本期直播主要结合理论及人工智能的相关实验，给大家讲述AI应用测试的主要流程和方法。帮助开发者了解AI应用测试的理论及方法，和AI应用测试在模型迭代调优过程中的作用。
去报名
热门标签