文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

【Flutter】侧拉导航栏实现 ( Drawer 组件 | PageView 组件 )

文章目录 一、Drawer 组件 二、PageView 组件 三、完整代码示例 四、相关资源 一、Drawer 组件 ---- Scaffold 组件中的 drawer 参数 , 就是设置侧拉导航栏菜单的..., 为其赋值一个 Drawer 组件 ; Drawer 组件就是侧拉菜单 , 该组件的 child 设置一个 ListView 组件 , 在列表中设置 DrawerHeader , ListTile...controller List children PageController 用于控制 PageView 的跳转 , PageController 主要作用是调用 void jumpToPage...NeverScrollableScrollPhysics(), ), 三、完整代码示例 ---- 完整代码示例 : import 'package:flutter/material.dart'; /// 侧拉导航栏示例.../// 用于在 TabBarView 中显示的组件 class TabContent extends StatelessWidget { const TabContent({Key key, this.data

2.6K20
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    打造优雅图库管理侧栏，从功能到样式的深度解析

    当你在构建一个复杂的应用界面时，“图库管理”这样的侧栏功能往往是一个点睛之笔。它不仅要承载核心功能，还需要做到交互流畅、视觉美观，让用户使用起来得心应手。...这篇文章带你深入剖析如何用 Vue 和 Axios 实现一个功能齐全且美观的图库管理侧栏。...从蓝图到成品：界面的初步构思 在构建侧栏时，我们的目标很明确：用户需要一个简洁而强大的界面，来完成 新增、编辑 和 删除 图库的基本操作。...写在最后：从功能到体验的双重追求 一个看似简单的图库侧栏，其实凝聚了很多设计上的巧思和功能上的细节。从数据的获取到交互的实现，再到视觉上的优化，每一步都让它更贴合用户的真实需求。...希望这篇文章不仅给你带来了一些技术灵感，也让你感受到了代码的美感。继续优化你的项目吧，每一个小组件的提升都会为整个应用的体验增色不少！

    30200

    . | DeepDR：用于药物反应预测的深度学习库

    DRUGAI 今天为大家介绍的是来自西安电子科技大学李朋勇团队的一篇论文。准确预测药物反应是推动精准医疗和药物发现的关键。近年来，深度学习的最新进展为药物反应预测带来了新的希望。...该库提供了3种药物特征和对应的9种药物编码器，4种细胞特征和对应的9种细胞编码器，以及2种融合模块，能够实现多达135种用于药物反应预测的深度学习模型。...当前用于DR预测的深度学习方法通常采用一种模块化的架构，包括药物建模、细胞建模和融合模块三个关键组件。药物建模的目标是有效表征药物的化学性质及其潜在的生物学效应。...融合模块则将药物建模与细胞建模的见解整合起来，常采用DNNs或注意力机制来预测药物反应。 除了基本的药物反应预测功能，这些模型还具有广泛的应用前景。...、细胞和药物特征；(2)使用.clean()和.split()对药物反应数据进行清洗和拆分；(3)使用Data.DrDataset实例化数据集；(4)使用Data.DrDataLoader载入数据集以用于模型训练和验证

    55810

    打造优雅图库管理侧栏，从功能到样式的深度解析

    当你在构建一个复杂的应用界面时，“图库管理”这样的侧栏功能往往是一个点睛之笔。它不仅要承载核心功能，还需要做到交互流畅、视觉美观，让用户使用起来得心应手。...这篇文章带你深入剖析如何用 Vue 和 Axios 实现一个功能齐全且美观的图库管理侧栏。...从蓝图到成品：界面的初步构思在构建侧栏时，我们的目标很明确：用户需要一个简洁而强大的界面，来完成 新增、编辑 和 删除 图库的基本操作。...写在最后：从功能到体验的双重追求一个看似简单的图库侧栏，其实凝聚了很多设计上的巧思和功能上的细节。从数据的获取到交互的实现，再到视觉上的优化，每一步都让它更贴合用户的真实需求。...希望这篇文章不仅给你带来了一些技术灵感，也让你感受到了代码的美感。继续优化你的项目吧，每一个小组件的提升都会为整个应用的体验增色不少！

    26610

    组件分享之后端组件——用于日常图片压缩的组件库caire

    组件分享之后端组件——用于日常图片压缩的组件库caire 背景 近期正在探索前端、后端、系统端各类常用组件与工具，对其一些常见的组件进行再次整理一下，形成标准化组件专题，后续该专题将包含各类语言中的一些常用组件...组件基本信息 组件：caire 开源协议： MIT License 内容 本节分享一个用于日常图片压缩的组件库caire ，它具备人脸检测规避的功能，在日常进行压缩图片时更加有效准确。...该库与其他现有开源解决方案的主要区别： GUI进度 可定制的命令行支持 支持缩小或放大图像 垂直和水平调整图像大小 人脸检测避免人脸变形 支持多种输出图像类型（jpg、jpeg、png、bmp、gif）

    55320

    【HarmonyOS NEXT】Web 组件的基础用法以及 H5 侧与原生侧的双向数据通讯

    关键词：鸿蒙、ArkTs、Web组件、通讯、数据官方文档Web组件用法介绍：文档中心 Web 组件加载沙箱中页面可参考我的另一篇文章：【HarmonyOS NEXT】 如何将rawfile中文件复制到沙箱中...H5层与应用层进行相互通讯一、鸿蒙应用向H5页面发送数据在创建的WebviewController中使用 runJavaScript() 方法可直接触发 H5 页面中的方法鸿蒙侧​编辑​同样也可以使用模板字符串拼接参数进行传参​编辑​...H5侧​编辑​案例效果​编辑​二、H5页面向鸿蒙应用发送数据（附代码）在原生代码侧使用 javaScriptProxy 方法向 h5 的 window 对象中注册方法，此处我注册的对象名叫 JSBridge...H5侧 （附代码）h5侧直接调用 window 对象下的 JSBridge.nativeMethod 方法，第一个参数对应原生侧对应的 channelName 方法名，第二个参数为 h5 自定义参数，可带入回调方法...，供原生侧完成调用的回调结果。​

    1.2K10

    组件分享之后端组件——用于将日志写入滚动文件的组件包lumberjack

    组件分享之后端组件——用于将日志写入滚动文件的组件包lumberjack 背景 近期正在探索前端、后端、系统端各类常用组件与工具，对其一些常见的组件进行再次整理一下，形成标准化组件专题，后续该专题将包含各类语言中的一些常用组件...组件基本信息 组件：lumberjack 开源协议： MIT license 内容 本节我们分享一个用于将日志写入滚动文件的组件包lumberjack，它可以有效的配合zap组件进行快速使用。...Lumberjack 旨在成为伐木基础设施的一部分。它不是一个多合一的解决方案，而是一个位于日志堆栈底部的可插入组件，它简单地控制写入日志的文件。...在同一台机器上的多个进程中使用相同的伐木工人配置将导致不当行为。...Compress: config.Get().Log.Compress, //是否压缩 } return zapcore.AddSync(lumberJackLogger) } 更多该组件的使用方式

    96420

    . | 用于反应性能预测的基于化学知识的图模型

    此外，还开发了一个分子相互作用模块，用于学习反应组分之间的协同影响。 对反应活性和选择性的化学理解和准确预测为合理高效地探索庞大的合成空间提供了基础。...其中一个主要瓶颈是合适的分子编码方法和适用于结构-性能关系预测的机器学习框架的可用性（图1a）。...计算得到的电子密度值被记录为一个7×7×7的张量，用作图模型顶点的嵌入电子信息。重复对每个原子进行立体和电子嵌入，得到用于模型训练的最终SEMG。...，适用于大规模筛选。...图 3 在SEMG丰富的化学信息基础上，作者修改了GNN的框架，使其适用于结构-性能关系的预测。特别地，作者开发了一个分子相互作用模块，以增强模型训练过程中反应组分之间的信息交流。

    60320

    用于研究反应活性和选择性的DistortionInteraction-Activation Strain模型

    由于ΔEstrain(ζ)与反应物的形变有关，它由反应物的刚性和反应机理决定。ΔEint(ζ)是形变状态下的反应物之间的相互作用能，通常是一个负值，与反应物的电子结构和反应物相互靠近时的朝向有关。...反应坐标ζ随后又会被投影到一个关键的几何参数上，这个关键的几何参数必须可以描述整个反应进行的程度，例如D-A反应中形成的C-C键的键长，一般会把这个几何参数也称作反应坐标。...如图2所示的ASD，展示了反应A和B的ΔE、ΔEstrain和ΔEint随反应坐标的变化趋势。反应A和B在相同的反应坐标下有相同的ΔEstrain，但是反应B的ΔEint更低。...出现这种情况的原因是，不同反应的DIAS分析必须在相同的反应坐标下进行。在图2的例子中，反应A和B的过渡态是在不同的反应坐标下，因此无法比较DIAS分析的结果。 ? 图2. ASD示意图。...黑线代表反应A的ASD，蓝线代表反应B的ASD，此处假设反应A和B具有相同的ΔEstrain DIAS已经被成功应用于众多反应体系。使用DIAS分析可以定量地研究反应过程，从而更好地设计反应。

    2.5K20

    实现emlog侧边栏标签组件的标签随机显示

    emlog侧边栏标签组件调用的标签根据标签的tid升序排列显示，即是先创建的标签排在前面，这种情况对于侧边栏调用了所有标签的网站不会有什么影响，但是如果设置了标签显示数量的话，那么侧边栏调用的标签就会总是先创建的几个...操作步骤： 1、编辑当前使用的emlog模板的module.php文件，找到代码： 1$tag_cache = $CACHE->readCache('tags'); shuffle($tag_cache...>readCache('tags'); shuffle($tag_cache); $tag_cache = array_slice($tag_cache,0,10); //10是要调用的标签数量...> 知识扩展： shuffle(array)函数的作用是把数组中的元素按随机顺序重新排序，上述代码中的$tag_cache便是网站标签组成的一个数组。

    1.1K30

    JCIM｜EHreact:用于酶促反应模板提取和评分的扩展Hasse图

    底物一侧是高度保守的，即形成丙酮酸侧(连接在C:10上)，而另一边(连接在C:4上)在结构和大小上是不同的。这表明丙酮酸侧是必需的，因为它适应酶的活性口袋，参与了反应机理。...事实上，对4-羟基-2-氧戊二酸裂解酶的机理研究表明，活性袋中的氨基酸与底物的丙酮酸侧存在特定的相互作用，以及同侧的体积限制。...在每一步中，算法只添加原子及其对应的键，这些原子在所有的反应中都是守恒的，是模板中当前原子直接相邻的原子，最终得到图5d中的第四个模板，它适用于所有输入反应。...EHreact评分与相似性的评分相比，在AUC和准确性方面较好。作者推测这种改提升也适用于其他一些有机反应，即当反应中心周围的结构对反应结果或产量有显著贡献时。...用于对基质组合是否可能进行分类的ROC−AUC的箱线图(左)、建议的底物的top-1准确度(中)和正确的辅底物的平均等级(右)。

    1.2K20

    组件分享之前端组件——用于自定义表单的前端组件form-create

    组件分享之前端组件——用于自定义表单的前端组件form-create 背景 近期正在探索前端、后端、系统端各类常用组件与工具，对其一些常见的组件进行再次整理一下，形成标准化组件专题，后续该专题将包含各类语言中的一些常用组件...组件基本信息 组件：form-create 开源协议：MIT license 官网：www.form-create.com/v2/ 内容 本次分享一款用于自定义表单的前端组件form-create...支持3个UI框架，并支持生成任何Vue组件。内置20种常用表单组件和自定义组件，无论多么复杂的表单都可以轻松处理。...安装 根据自己使用的 UI 安装对应的版本 iview npm install @form-create/iview view-design npm install @form-create/iview4...import formCreate from '@form-create/ant-design-vue' Vue.use(formCreate) image.png image.png 更多内容可以参考其官方的REAMDE

    2K30

    用Axure画出Web后台产品的菜单栏组件

    由于菜单栏比较常用并且画起来比较麻烦，建议产品经理根据本文的原型步骤制作一份菜单栏rp源文件，方便后续多个项目使用。...9、同时选择所有的菜单栏元件和顶部导航组件，然后右键点击“转换为母版”，然后命名为“菜单栏”。...右侧边栏切换到“交互”，点击“新建交互”按钮，选择触发事件“单击时”，添加动作“打开链接”，链接到“对应的页面”，点击“确定”按钮。14、再画一级分类的交互。...进入页面“首页”，点击空白区域，右侧边栏切换到“交互”，点击“新建交互”按钮，选择触发事件“页面载入时”，添加动作“设置选中”，目标选择组合“首页”，点击“完成”按钮。16、设置页面载入的交互。...总结如果页面特别多，可以采用三级菜单栏，即第一级菜单是分类，第二级菜单是分类，第三级菜单是页面。另外Axure左侧页面结构中也需要以相应的分类名称页面名称进行使用，方便开发和测试理解。

    2.4K20

    Bioinformatics｜Hi-GeoMVP：用于药物反应预测的分层几何增强深度学习模型

    作者提出了一种新的药物反应预测深度学习方法，将基于分层几何增强的多视图深度学习模型用于药物反应预测（Hierarchical Geometry enhanced Multi View deep learning...实验表明模型超越了现有方法，体现了模型在药物反应预测方面的能力。 背景 个性化的疾病治疗需要准确的药物反应预测。现有的深度学习方法很有前景，但要实现精准医疗的目的，还需要更高的准确性。...然后通过多视图融合模块集成这些表征，用于药物反应预测。该模型还利用潜在表征和不同的预测子网络来联合学习药物和细胞任务，最终提高对药物反应的预测。...对于突变和CNV谱，余弦相似性用于创建基因相互作用，而HumanNetV3的金标准阳性(GSP)用于构建基因表达谱。...因此，开发一种适应性更强的细胞系编码器成为未来药物反应预测工作的必要步骤。

    48210

    适用于 .NET 的开源文本差异对比组件

    你好，这里是 Dotnet 工具箱，定期分享 Dotnet 有趣，实用的工具或组件，希望对您有用！...简介 对于开发人员来说，Git 是我们经常使用的工具，在每次编写完代码并提交后，我们可以通过 git diff 来对比不同版本之间的代码的差异，当然也可以借助一下开发工具， 这样可以让我们很直观的看到修改了哪里...这样也可以很方便的来做 code review。 如果让你自己实现一个这样的功能，你会怎么做呢？下面介绍一个组件库，希望能够帮助到你。...DiffPlex 是一个使用 C# 开发的开源文本差异对比组件，支持在控制台、Web、Winform、WPF 项目中使用。 小试牛刀 首先，使用 Nuget 安装 DiffPlex 组件。...DiffPlex 项目中还包含一个示例网站，展示了如何在 ASP MVC 网站中创建基础的文本对比差异。

    97720

    MDNN: 一种用于药物-药物反应预测的多模态深度神经网络

    本文指出许多基于人工智能的技术已经被提出并用于预测药物-药物反应(DDI)，而现有的研究方法较少关注DDI与靶标、酶等多模态数据之间的潜在相关性。...为了解决这一问题，作者提出了一个用于DDI预测的多模态深度神经网络(MDNN)。本文设计了一个基于药物知识图谱(DKG)的通道和基于异质特征(HF)的通道的双通道框架来获取药物的多模态表征。...在同时给药的情况下，经常发生药物-药物相互作用(drug - drug Interactions, DDIs)，这可能导致药物不良反应，造成伤害和巨大的医疗费用。...因此，准确预测DDI成为临床重要任务，有助于临床医生做出有效决策，制定合适的治疗方案。目前已有许多基于人工智能的模型用于DDI预测。...4.总结 本文提出了一种新的用于药物-药物反应预测的MDNN模型。MDNN利用药物知识图上的图神经网络，有效地利用拓扑信息和语义关系。

    2.2K20
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

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

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

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

      领券