文章 2022-11-14 来自:开发者社区

Flutter教程 - 基础组件(上)

前言**为了能更快的创建一个好看的应用,Flutter提供了一系列的组件。有基础组件(Basics Widgets),质感组件(Material Components)等,本篇将介绍常v用的基础组件。分为上下两篇** 基础组件(下)在这里哦(综合实例!!!)结构图:本小结内容:1.Text(文本组件)2.Image和Icon3.Container(容器组件)4.Row(横向)和Column(纵向....

Flutter教程 - 基础组件(上)
文章 2022-11-02 来自:开发者社区

了解Flutter中的Container组件

了解Flutter中的Container组件基本属性alignment,[AlignmentGeometry]:在容器中对齐[子view]。padding,[EdgeInsetsGeometry]:[装饰]内部的空白空间。这个[孩子],如果有的话,就是放置在这个填充内。color,[Color]:在[孩子]后面画的颜色。也就是背景色。decoration,[Decoration]:画在[孩子]后....

文章 2022-11-02 来自:开发者社区

Flutter Expanded和Flexible组件

flutter Expanded和FlexibleExpandedExpanded只能用于Row,Column布局,可以用来嵌套子view利用剩余空间对占位空间进行延展,Expanded父类是Flexible,相当于一个fit类型为tight的Flexible。参数flex,[int]:剩余空间分配占比参数child,[Widget]:子viewFlexibleFlexible只能用于Row,C....

Flutter Expanded和Flexible组件
文章 2022-10-24 来自:开发者社区

flutter系列之:永远不用担心组件溢出的Wrap

简介我们在flutter中使用能够包含多个child的widget的时候,经常会遇到超出边界范围的情况,尤其是在Column和Row的情况下,那么我们有没有什么好的解决办法呢?答案就是今天我们要讲解的Wrap。Row和Column的困境Row和Column中可以包含多个子widget,如果子widget超出了Row或者Column的范围会出现什么情况呢?我们以Row的情况举个例子:Widget ....

flutter系列之:永远不用担心组件溢出的Wrap
文章 2022-10-11 来自:开发者社区

Flutter之 横向列表、自定义组件

Flutter之 横向列表、自定义组件创建自定义组件,减少嵌套

Flutter之 横向列表、自定义组件
文章 2022-10-11 来自:开发者社区

Flutter 之 组件

Flutter 之 组件StatefulWidget:动态组件 例如:进度条....StatelessWidget:静态组件  大部分都是继承于StatelessWidget

文章 2022-09-23 来自:开发者社区

flutter系列之:Material中的3D组件Card

简介除了通用的组件之外,flutter还提供了两种风格的特殊组件,其中在Material风格中,有一个Card组件,可以很方便的绘制出卡片风格的界面,并且还带有圆角和阴影,非常的好用,我们一起来看看吧。Card详解在详细讲解Card之前,我们考虑一下什么时候会用到Card?一提到Card大家第一印象就是名片,在名片中描述了一个人的相关信息,比如姓名,电话和邮箱等。而Card就是将一组相关的信息放....

flutter系列之:Material中的3D组件Card
文章 2022-05-14 来自:开发者社区

Flutter Web: 如何在页面中使用web原生组件及交互

前言flutter开发经常会与原生打交道,flutter web也一样,尤其在web开发时,因为flutter web还不成熟,第三方库缺少,很多功能需要依靠web原生来实现,比如音视频,录音等等。用视频举例,需要用html和js来实现一个视频播放器,然后在flutter页面中使用这个播放器,这如何来实现?flutter使用web原生组件我们用HtmlElementView来实现,它就是flut....

文章 2022-05-14 来自:开发者社区

FLutter入门:异步加载组件FutureBuilder

FutureBuilder在实际开发中,进入一个页面后执行网络请求加载数据并显示是非常普遍的,这时候我们一般会显示loading直到加载完成显示正常页面。在flutter中我们可以在initState中发起异步请求,然后将请求结果赋值给data,并setState刷新页面,在build中可以这样实现if(data == null){ return _LoadingWidget() } e...

文章 2022-05-14 来自:开发者社区

Flutter入门:组件Card、SafeArea、PageView、GridView

CardCard对应Material Design中的CardView,使用很简单Card的两个特点就是阴影和圆角。阴影:elevation: 5, 复制代码圆角:圆角需要通过shape实现,相对于android要麻烦一些shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(5)), 复制代码这里我们将四个角都设置成半....

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注