Flutter和原生Android控件对比

本文详细对比了Flutter与原生Android的控件,包括AppBar与ActionBar/ToolBar、ListView与ListView/RecyclerView等,并介绍了Flutter中Image组件的BoxFit参数与Android中ImageView的scaleType参数的对应关系。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Flutter和原生Android控件对比:

Flutter控件Android控件
AppBarActionBar/ToolBar
ListViewListView/RecyclerView
TextTextView
CenterViewGroup
FloatingActionButtonFloatingActionButton(design库里面的)
BottomNavigationBarBottomNavigation(design库里面的)
RaisedButton/ButtonButton
ColumnLinearLayout的android:orientation="vertical"
Rowandroid:orientation="horizontal"
DecorationImageImageView
ImageImageView
StackFrameLayout/RelativeLayout
ContainerRelativeLayout
CustomMultiChildLayoutRelativeLayout
AlginalginParentXXX属性
resizeToAvoidBottomPaddingandroid:windowSoftInputMode=”adjustResize属性
SingleChildScrollViewScrollView
CustomScrollerViewRecyclerview

Image里面的BoxFit参数介绍:(相当于Android的ImageView的scaleType参数)

// fill 通过篡改原始宽高比来填充目标box

/// contain 在尽可能大的情况下,仍然将源完全包含在目标框中。

/// cover 尽可能小,同时仍然覆盖整个目标框。

/// fitWidth 确保显示源的全部宽度,而不管这是否意味着源垂直溢出目标框。

/// fitHeight 确保显示源的全部高度,而不管这是否意味着源水平地溢出目标框。

/// none 在目标框中对齐源(默认为居中),并放弃位于框外的源的任何部分。源图像未调整大小。

/// scaleDown 在目标框中对齐源(默认为居中),如果需要,将源缩小以确保源适合该框。这与contain的内容相同,如果该内容会收缩图像,那么它就是none。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值