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

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

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

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://mswzjz.cn/article/dsgoiih.html