flutter常用控件参数解析

记录fultter一些控件的参数解析,方便查阅(持续更新):

1.MaterialApp详解:

  (1)navigatorKey:导航键

  (2)home主页

  (3)routes路由(跳转页面)

(4)initialRoute:初始路由

(5)onGenerateRoute:生成路由

(6)onUnknownRoute:未知路由

(7)navigatorObservers:导航观察器

(8)builder:建造者

(9)title:标题

(10)onGenerateTitle:生成标题

(11)color:颜色

(12)theme:主题

 (13)locale:地点

 

2.Scaffold详解:

(1)appBar:显示在界面顶部的一个 AppBar,也就是 Android 中的 ActionBar 、Toolbar

(2)body:当前界面所显示的主要内容 Widget

(3)floatingActionButton:纸墨设计中所定义的 FAB,界面的主要功能按钮

(4)persistentFooterButtons:固定在下方显示的按钮,比如对话框下方的确定、取消按钮

(5)drawer:侧边栏控件

(6)backgroundColor: 内容的背景颜色,默认使用的是 ThemeData.scaffoldBackgroundColor 的值

(7)bottomNavigationBar: 显示在页面底部的导航栏

(8)resizeToAvoidBottomPadding:类似于 Android 中的 android:windowSoftInputMode=”adjustResize”,控制界面内容 body 是否重新布局来避免底部被覆盖了,比如当键盘显示的时候,重新布局避免被键盘盖住内容。默认值为 true。

 

3.AppBar详解:

 (1)leading:在标题前面显示的一个控件,在首页通常显示应用的 logo;在其他界面通常显示为返回按钮。

 (2)title: Toolbar 中主要内容,通常显示为当前界面的标题文字。

 (3)actions:一个 Widget 列表,代表 Toolbar 中所显示的菜单,对于常用的菜单,通常使用 IconButton 来表示;对于不常用的菜单通常使用PopupMenuButton 来显示为三个点,点击后弹出二级菜单。

(4)bottom:一个 AppBarBottomWidget 对象,通常是 TabBar。用来在 Toolbar 标题下面显示一个 Tab 导航栏。

(5)elevation:纸墨设计中控件的 z 坐标顺序,默认值为 4,对于可滚动的 SliverAppBar,当 SliverAppBar 和内容同级的时候,该值为 0, 当内容滚动 

SliverAppBar 变为 Toolbar 的时候,修改 elevation 的值。

(6)flexibleSpace:一个显示在 AppBar 下方的控件,高度和 AppBar 高度一样,可以实现一些特殊的效果,该属性通常在 SliverAppBar 中使用

(7)backgroundColor:Appbar 的颜色,默认值为 ThemeData.primaryColor。该值通常和下面的三个属性一起使用:

(8)brightness:App bar 的亮度,有白色和黑色两种主题,默认值为 ThemeData.primaryColorBrightness

(9)iconTheme:App bar 上图标的颜色、透明度、和尺寸信息。默认值为 ThemeData.primaryIconTheme

(10)textTheme:App bar 上的文字样式。默认值为 ThemeData.primaryTextTheme

(11)centerTitle: 标题是否居中显示,默认值根据不同的操作系统,显示方式不一样

  • 4
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值