什么是组件以及为什么使用它们

Components只是在不同地方有多个副本的小部件。与普通小部件相比，Components的特别之处在于修改组件的任何副本都会更新整个应用程序中的所有其他副本。

当您想要拥有一个小部件的多个副本但您希望它们看起来都一样时使用它。换句话说，如果您更改了该组件的任何副本中的任何内容，您希望其余的副本自动更新。

例如，如果您创建了一个包含一条新闻的卡片小部件，则此卡片小部件将有多个副本，每个副本都包含一条新闻。您也可以在另一个屏幕中使用同一张卡片。假设您决定更改卡片内文本的字体，您不想查看使用该卡片的任何地方并手动更改文本字体。另一方面，如果您使用该小部件创建了一个包含新闻卡片的组件，则更新任何副本中的任何内容都会自动更新整个应用程序中该卡片的其余副本。

如何创建和修改组件

要创建组件，请选择要更改为组件的小部件，然后单击右上角的小部件名称旁边的小图标details panel，或右键单击outline panel然后选择Create component。请参阅以下从小部件创建组件并将组件重命名为“NewsCard”的示例：

您可以通过转至Assets panel，然后单击来找到您的组件Library。从那里您可以拖放板上任何组件的副本以创建副本。

更改组件的任何副本中的任何内容都会更改所有位置的所有副本。以下示例显示了来自前面提到的同一个“NewsCard”组件的两个副本。请注意更改布局或文本颜色将如何自动应用于另一个副本：

注意：要修改组件内的任何小部件，该组件应该在任何屏幕之外才能访问它的小部件。这样做是为了防止在屏幕内时对组件的任何副本错误地进行任何修改

Nowa Flutter开发教程之 06 什么是Components以及为什么使用 (无代码开发)相关推荐

Nowa Flutter开发教程之 02 添加图像和添加自定义字体（无代码开发教程）
图像可以存储在您的设备上,也可以在互联网上获取.让我们看看如何在每种情况下添加它们. 如果图像存储在您的设备上,只需将图像拖放到您的项目中即可.它将被添加到板上,并将添加到您的资产文件夹中.要再次使用 ...
Xamarin Anroid开发教程之Anroid开发工具及应用介绍
Xamarin Anroid开发教程之Anroid开发工具及应用介绍 Xamarin开发Anroid应用介绍如今智能手机已经盛行了好几年,而针对这些智能手机的软件开发也变得异常火热.但是在Andro ...
Wear OS手表应用开发教程之-Activity使用微光模式-AmbientModeSupport
本文目录点击直达 Wear OS手表应用开发系列教程点击直达本文标签 `路过的年轻人啊,你是要用左手点个赞呢,还是要右手点个关注呢` 前言: 使用方法: 结语: 最后我还有一句话要说: 人生下来 ...
entfrm开发平台，一个免费开源可视化的无代码开发平台
简介 entfrm开发平台,是一个以模块化为核心的无代码开发平台,是一个集PC和APP快速开发.系统管理.运维监控.开发工具.OAuth2授权.可视化数据源管理与数据构建.API动态生成与统计.工作流 ...
无代码开发平台为什么能火?它是如何收费的
随着社会的不断进步,制度也在不断升级.虽然难忘的2020年已经成为过去,但不难发现,由于新冠疫情的原因,导致很多的公司都采取了线上办公模式,这使得无代码开发平台在2020年也再次成为了热门.那么,为什 ...
无代码开发不用编程就能开发软件
在过去的35年里,软件行业发生了一些重大变化.其中之一就是越来越多的软件应用以无代码原则搭建平台,软件行业的未来将属于无代码平台. 那么,代码在软件编写中起什么作用呢?什么是无码平台?开发一款软件或者 ...
无代码平台是什么意思无代码开发平台的优缺点解析
以前开发软件大多只能编写代码完成,所以有软件开发需求的企业或个人只能找专业的开发公司或团队进行开发.而随着技术的不断进步发展,市场出现了许多无代码平台,那么相较于传统的开发方式,这些无代码开发平台的利 ...
iOS开发教程之OC语言-欧阳坚-专题视频课程
iOS开发教程之OC语言-34296人已学习课程介绍 Objective-C是扩充C的面向对象编程语言,iOS开发是用的Objective-C语言,本专题更系统的讲解Objectiv ...
Unity 2D游戏开发教程之2D游戏的运行效果
Unity 2D游戏开发教程之2D游戏的运行效果 2D游戏的运行效果本章前前后后使用了很多节的篇幅,到底实现了怎样的一个游戏运行效果呢?或者说,游戏中的精灵会不会如我们所想的那样运行呢?关于这些疑 ...

Nowa Flutter开发教程之 06 什么是Components以及为什么使用 (无代码开发)

什么是组件以及为什么使用它们

如何创建和修改组件

Nowa Flutter开发教程之 06 什么是Components以及为什么使用 (无代码开发)相关推荐

最新文章

热门文章