flutter评价组件,flutter 模块开发-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

flutter评价组件,flutter 模块开发

3. Flutter - 基础组件 之 Text

Text继承自 StatelessWidget ,Text 主要通过设置 文本布局 及 文本样式 控制显示方式。

成都网站制作、做网站,成都做网站公司-创新互联已向上1000+企业提供了,网站设计,网站制作,网络营销等服务!设计与技术结合,多年网站推广经验,合理的价格为您打造企业品质网站。

1. 文本布局: 例如文本对齐方式 textAlign 、文本排版方向 textDirection ,文本显示最大行数 maxLines 、文本截断规则 overflow 等等

2 文本样式: 如字体名称 fontFamily 、字体大小 fontSize 、文本颜色 color 、文本阴影 shadows 等等,这些参数被统一封装到了构造函数中的参数 style(TextStyle) 中

  在iOS中,我们可以使用NSAttributedString进行富文本设置。在Flutter中 我们可以通过 Text.rich() 或 RichText() 进行富文本设置。

两者均为 InlineSpan 类型, InlineSpan 为抽象类。

抽象类不能直接实例化。Flutter已为我们提供了

且 WidgetSpan 继承自 PlaceholderSpan

flutter常用组件

主要是关注decoration (装饰) 可以设置container的属性,这里color指的是背景色

alertdialog会返回一个结果,这样可以通过switch或其他方法做多次弹框等其他操作

Flutter(二)StatefulWidget基础组件

MaterialApp 是我们app开发中常用的符合MaterialApp Design设计理念的入口Widget。MaterialApp这个组件里面的参数比较多,而且一般在应用入口会用到,所以这里把它内部的所有参数都列出来了

基本用法:

可以看到我们在 App 的最外层直接使用了 MaterialApp ,可以指定App的名称( title ),App的主题样式( theme ),首页的组件( home ),路由跳转配置)( routes ),关于路由跳转我们在后面的章节中会介绍

Scaffold 实现了基本的 Material Design 布局结构, Scaffold 在英文中的解释为角手架,我们可以理解为楼体中的钢架结构,通过它可以构建一个页面

在Flutter应用开发中,我们可以将 Scaffold 理解为一个布局的容器。可以在这个容器中绘制我们的用户界面

下面是 MaterialApp + Scaffold 的组合的基本用法

AppBar 就是顶部的导航栏组件,支持自定义标题,左右两侧的工具栏按钮等

BottomNavigationBar 是底部的菜单栏组件

使用方法:

一般我们会定义一个全局变量如 _currentIndex 用于记录当前选中的下标。然后在 onTap 属性的回调方法中调用

setState(() { _currentIndex = index;}); 更新 _currentIndex 就可以实现底部菜单的切换。 BottomNavigationBar 一般会配合 BottomNavigationBarItem 一起使用(如下所示)

RefreshIndicator 是Flutter中的下拉刷新组件,一般配合 ListView 组件一起使用

Image 就类似于android中的 ImageView ,可以自定义图片显示的宽高

从网络中加载图片

从本地(File文件)加载图片

从本地资源加载图片

可以将byte数组加载成图片

TextField 就类似于android的 EditText

PageView 就类似于android中的 ViewPager


文章名称:flutter评价组件,flutter 模块开发
网页链接:http://kswsj.cn/article/dsgoiih.html

其他资讯