文章 2023-01-19 来自:开发者社区

Flutter | 布局组件(上)

布局类组件都会包含一个或多个组件,不同的布局类组件对子组件(layout)方式不同。在 Flutter 中 Element 树才是最终的绘制树,Element 树是通过 Widget 树来创建的 (通 Widget.createElement()) ,Widget 其实就是 Element 的配置数据。在 Fluter 中,根据 Widget 是否需要包含子节点将 Widget 分为了三类,分别....

Flutter | 布局组件(上)
文章 2023-01-18 来自:开发者社区

Flutter | 常用组件(下)

上面代码中,都行需要维护组件的状态,所以继承自 StatefulWidget ,在 build 中,构建了 checkBox 和 Switch 和 Radio,在点击的时候修改状态,然后重新构建 UI属性共有属性 activeColor,设置激活状态的颜色宽高:Checkbox 无法自定义,Switch 只能定义宽度Checkbox 有一个属性 tristate,表示是否为三态,默认值为fals....

Flutter | 常用组件(下)
文章 2023-01-18 来自:开发者社区

Flutter | 常用组件(上)

文本常用的配置class TextTest extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( body: Padding( padding: EdgeInsets.all(30), child: Column( ...

Flutter | 常用组件(上)
文章 2022-12-09 来自:开发者社区

Flutter(七)——多子元素组件:GridView,CustomScrollView,Flex,Wrap

前言上一篇介绍了多元素组件:ListView,Scaffold,AppBar,Row,Column,这一节将接着上一篇博文,介绍GridView,CustomScrollView,Flex,以及Wrap多元素组件(下图为CustomScrollView实现效果)GridView首先,就是GridView,它和ListView相似,只不过表现形式为网格形式,可以把它看成Android的Layout....

Flutter(七)——多子元素组件:GridView,CustomScrollView,Flex,Wrap
文章 2022-12-09 来自:开发者社区

Flutter(六)——多子元素组件:ListView,Scaffold,AppBar,Row,Column

前言在Flutter开发中,多子元素组件包括:Scaffold,AppBar,Row,Column,Stack,IndexedStack,ListView,GridView,Flow,Table,Flex,Wrap,CustomScrollView,CustomMultiChildLayout等,下面博主将一一介绍其使用方式。(本文学完能实现如下效果)ScaffoldScaffold是基于Mat....

Flutter(六)——多子元素组件:ListView,Scaffold,AppBar,Row,Column
文章 2022-12-09 来自:开发者社区

Flutter(五)——单一子元素组件(二)

SingleChildScrollViewSingleChildScrollView从名字上来看,就是一个滚动布局,在Java开发Android程序中,滚动布局只能嵌套一个组件,这个控件也一样等价于ScrollView,如果没有使用该控件,而界面组件超出屏幕,也是无法滚动的,同样,它也可以设置滚动的方向,垂直滚动还是水平滚动,具体的使用代码如下:body: SingleChildScrollVi....

Flutter(五)——单一子元素组件(二)
文章 2022-12-09 来自:开发者社区

Flutter(五)——单一子元素组件(一)

前言前面已经介绍了基本的组件使用,这篇博主主要介绍单一子元素组件(Single-child)。单一子元素组件包括Container,Padding,Center,Align,FittedBox以及AspectRatio等。Container在Flutter开发中,使用的最多的就是这个Container,因此我们必须牢牢掌握使用它的相关知识。这里博主先介绍一下Container的对齐方式(alig....

Flutter(五)——单一子元素组件(一)
文章 2022-12-09 来自:开发者社区

Flutter(四)——基础组件

前言你如果做过Android开发,那一定熟悉里面各种官方提供的布局,比如LinearLayout,RelativeLayout等,你也一定和博主一样写过很多自定义控件,如果你学过Kotlin,并且用XML的DSL框架Anko声明Android组件,你会发现这与Flutter那种嵌套布局写法极为相似,下面是整个Flutter布局图:我们将通过几篇博文讲述一些Flutter布局,对齐方式以及使用场景....

Flutter(四)——基础组件
文章 2022-11-14 来自:开发者社区

Flutter教程 — 基础组件综合实例

前言:终于到了大家最期待的综合实例阅读完这节内容可以帮你巩固提升!正文:老规矩先上效果图,毕竟有图有真相!源码找我领取哦,在文章最下面~先分析一下效果图第一步:实现底部跳转栏小T这里是五个Tab,所以要先定义五个Dart文件,进行一些初始配置.然后在main引入这五个界面,并且配置跳转的图标和文字,记得定义跳转指针哦然后在脚手架使用://核心代码 return Scaffold( body:...

Flutter教程 — 基础组件综合实例
文章 2022-11-14 来自:开发者社区

Flutter教程 — 基础组件(下)

前言**为了能更快的创建一个好看的应用,Flutter提供了一系列的组件。有基础组件(Basics Widgets),质感组件(Material Components)等,本篇将介绍常用的基础组件。分为上下两篇基础组件(上)在这里哦~结构图:本小结内容:1.Widget树(浅谈)2.Scaffold (脚手架)1.Widget树(浅谈)想以后深入了解的直接跳过 => 参考小T的详解Wid.....

Flutter教程 — 基础组件(下)

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

阿里巴巴终端技术

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

+关注