文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    自定义View概述

    前言 ---- 在前面的文章中我们学习了ExpansionPanelList的用法，使用ExpansionPanelList可以很轻松的实现可展开列表的效果，在文章的最后依然给大家留下了个小问题，实现如下效果...在前面已经提到了，使用ExpansionPanelList.radio（）每次只能打开一个Item，当有一个item处于打开状态时在点击其他item就没有效果了，所以在这里我们依然要借助于ExpansionPanelList...官方肯定也会想到这一点啊，在Flutter中也是支持你自定义viewget的 在Flutter中与绘制相关的是在Painting层次，具体见下图： ?...Flutter架构图 和Flutter自带的Wdiget一样，自定义的Widget也会经过Skia被编译成原生代码，所以性能上也是不受影响的。...Flutter中的坐标系 在Flutter中坐标系的坐标原点在左上角，X坐标越往右越大，Y坐标越往下越大 ?

    95031

    ​Flutter实战 | 从 0 搭建「网易云音乐」APP（八、我的页面）

    前期回顾： 1.Flutter实战 | 从 0 搭建「网易云音乐」APP（一、创建项目、添加插件、通用代码）2.Flutter实战 | 从 0 搭建「网易云音乐」APP（二、Splash Page、登录页...、发现页）3.Flutter实战 | 从 0 搭建「网易云音乐」APP（三、每日推荐、推荐歌单）4.Flutter实战 | 从 0 搭建「网易云音乐」APP（四、排行榜、播放页面）5.Flutter实战...| 从 0 搭建「网易云音乐」APP（五、播放功能逻辑）6.Flutter实战 | 从 0 搭建「网易云音乐」APP（六、歌词（一））7.Flutter实战 | 从 0 搭建「网易云音乐」APP（七、...这个功能首先我想到的是 ExpansionPanelList，但是他和我们的需求不太搭，包括样式和逻辑。 那我们就自定义一个，怎么来做到展开和收回？...而且在展开/收回的时候箭头要来回的变化，我在前面也写过一篇文章：Flutter | 求求你们了，切换 Widget 的时候加上动画吧，这个时候就派上用场了。

    1.8K00

    一个会做饭的程序员如何每天给女朋友带不同的便当？

    就在这时，Flutter 来了，它带着耀眼的光芒和风骚的话语：来啊！上我啊！ 这™不上还是男人？ APP 展示 APP基本上一个整天就开发完成了，后续进行了一系列的需求调整，先来看图： ? ? ?...[1] 这里我也简单说一下，具体可以查看该文章： Flutter 获取 widget 的截图 使用到的是 RepaintBoundary，代码如下： return RepaintBoundary(...因为截图会有一定的延时，并且返回值为一个 Future ，那我们没有理由不用 FutureBuilder，如有不了解 FutureBuilder 的，可以查看我的这篇文章：Flutter FutureBuilder...如何展示素菜和荤菜 这里我选用的是 ExpansionPanelList，用它来实现最合适不过。...如果你还没有了解过 ExpansionPanelList，那么我建议读我的这篇文章：Flutter ExpansionPanel 超级实用展开控件 剩下的就很简单了，通过数据来判断是否展示 已使用标识

    1.4K50

    【Flutter】Flutter 项目中使用 Flutter 插件 ( Flutter 插件管理平台 | 搜索 Flutter 插件 | 安装 Flutter 插件 | 使用 Flutter 插件 )

    文章目录 一、Flutter 包和插件管理平台 二、Flutter 插件搜索示例 三、Flutter 插件装示例 1、添加 Dart 包依赖 2、获取 Dart 包 3、使用 Dart 包 4、官方的导入插件说明...四、Flutter 插件使用 五、Flutter 应用入口 六、 相关资源 一、Flutter 包和插件管理平台 已经实现好的模块功能 , 完全可以复用 , 避免重复造轮子 , 这些功能可以封装在 Flutter...包中 ; https://pub.dev/packages 网站是 Google 官方建立的管理 Dart 包和 Flutter 插件的平台 ; 在该网站可以搜索到各种包和插件 ; 二、Flutter...flutter.dev/ Flutter 开发文档 : https://flutter.cn/docs ( 强烈推荐 ) 官方 GitHub 地址 : https://github.com/flutter...Flutter 中文社区 : https://flutter.cn/ Flutter 实用教程 : https://flutter.cn/docs/cookbook Flutter CodeLab :

    3.4K00

    【Flutter 专题】85 Flutter Attach 调试 Flutter Code

    在实际开发过程中，为了满足项目业务方面以及兼容历史代码等方面，经常会采取 Flutter 功能模块以 aar 或 Module 等引入方式；而 Flutter Code 代码是与 Android...，直接 Run / Debug 会把 Flutter Module 当作一个新的 Project 运行； 此时需要通过 Flutter Attach 方式在 AndroidStudio 与设备之间建立...Flutter Attach 运行 Flutter Code；此时等待连接 Waiting for a connection from Flutter on Redmi K30 5G… ?...若打开了 Native app 之后 Flutter Attach 仍旧一直卡在连接设备 Waiting for a connection from Flutter on… 可以尝试杀掉 app 重新进入...包； Flutter Attach 运行 Flutter Code，与 Android 相同，与设备同步连接之后便可进行断点调试； ?

    3.9K41

    【Flutter】Flutter 混合开发 ( 简介 | Flutter 混合开发集成步骤 | 创建 Flutter Module )

    : Flutter 作为独立页面 : 在 Native 原生页面中 , 打开一个 Flutter 页面 ; 或者在 Flutter 页面中打开原生页面 ; Flutter 作为组件嵌入 : 在...Native 原生页面中 , 嵌套一个 Flutter 组件 ; 或者在 Flutter 页面中 , 嵌套原生页面组件 ; 二、Flutter 混合开发集成步骤 Flutter 混合开发集成步骤 :...flutter_hybrid , 然后执行如下命令 : flutter create -t module flutter_module 2、Android Studio 中创建 Flutter Module...( 推荐 ) 在弹出的对话框中 , 选择 Flutter Module , 选择创建的 Flutter Module 名称和路径 ; 创建完成的 Flutter Module 项目 : 3、Flutter...://github.com/flutter Flutter 中文社区 : https://flutter.cn/ Flutter 实用教程 : https://flutter.cn/docs/cookbook

    3.1K20

    《Flutter》-- 1.Flutter简介

    Flutter是一个由Google与社区开发的开源移动应用软件开发工具包。 Flutter不是一个彻底的跨平台技术框架，如果应用开发中涉及混合开发，还需要开发者具备原生开发知识。...1.1 Flutter的特点 1）跨平台开发 Flutter支持在mac OS、Windows、Linux、Android、iOS以及谷歌公司的Fuchsia操作系统上运行。...6）高性能 Flutter采用GPU渲染技术，使用Flutter编写的应用运行画面基本可以达到60帧/秒，因此使用Flutter开发的应用几乎可以媲美原生应用的性能。...1.3 Flutter框架 Flutter是一个分层结构框架，每一层都建立在前一层的基础上。...上层只提供画布，所有内容的绘制渲染逻辑均在Flutter内部完成，这实现了Flutter App和平台的无关性。

    1.7K20

    【Flutter】Flutter 混合开发 ( Flutter 与 Native 通信 | 在 Flutter 端实现 BasicMessageChannel 通信 )

    端 ; 耗时操作 : Flutter 需要处理耗时计算 , 将信息传给 Android , Android 处理完后 , 回传给 Flutter 计算结果 ; 二、BasicMessageChannel...官网 : https://flutter.dev/ Flutter 插件下载地址 : https://pub.dev/packages Flutter 开发文档 : https://flutter.cn.../docs ( 强烈推荐 ) 官方 GitHub 地址 : https://github.com/flutter Flutter 中文社区 : https://flutter.cn/ Flutter 实用教程...: https://flutter.cn/docs/cookbook Flutter CodeLab : https://codelabs.flutter-io.cn/ Dart 中文文档 : https...GitHub 地址 : ( 随博客进度一直更新 , 有可能没有本博客的源码 ) Flutter Module 工程 : https://github.com/han1202012/flutter_module

    3.2K21

    Flutter(八)--Flutter渲染逻辑+源码解读Flutter(八)--Flutter渲染逻辑+源码解读

    Flutter渲染逻辑+源码浅显解读 前言 flutter渲染引擎-flutter.framework，而真正的渲染工作是由skia来做的 由于Flutter中几乎所有对象都是Widget，那么现在抛出两个问题...Flutter渲染逻辑 三种树 这是Flutter中三棵树：Widget tree、Element Tree、Render Tree，他们之间的关系从图中也很容易看出来，问题是Flutter是通过什么方式来建立他们之间的关系呢...加上flutter团队对Widget做了优化，不用担心整个Widget树频繁创建、销毁所带来的性能问题； Render Tree中的RenderObject主要负责layout、paint等复杂操作，...我们为什么可以在State中使用widget； ComponentElement中有一个mount方法,这个方法类似Widget中的createElement都是Flutter自行调用，我们只需知道Element...下一篇就是我对Flutter中的页面更新逻辑的一些自己的理解。 传送门: Flutter-汇总

    1.8K10
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券