iT邦幫忙

2023 iThome 鐵人賽

DAY 19
0
自我挑戰組

Kotlin & Flutter App 開發比較思考日誌系列 第 19

[鐵人賽 Day 19] Kotlin & Flutter 元件比較(四) - 常見的可滑動元件名稱統整

  • 分享至 

  • xImage
  •  

範圍

Kotlin & Flutter 常見的可滑動元件

目的

比較並統整 Kotlin & Flutter 可滑動元件常見使用原因和元件名稱

Kotlin & Flutter 常見的可滑動元件名稱比較表格

使用示意圖 此元件常見使用原因 Kotlin Flutter
可滑動基礎元件(子元件不可滑動) https://ithelp.ithome.com.tw/upload/images/20230923/20162686IPrNiRgkcZ.png 展示超出指定區域的文字 ScrollView SingleChildScrollView
可滑動元件(子元件能放可滑動元件) https://ithelp.ithome.com.tw/upload/images/20230923/20162686NJ2iAZQSid.png 在商品詳細資料頁面中顯示的其他商品清單 NestedScrollView NestedScrollView
一頁一頁滑動元件 https://ithelp.ithome.com.tw/upload/images/20230923/20162686NBFWE8U80g.png 左右滑動展示單一商品圖片 ViewPager PageView
可滑動列表元件 (layout 變化較少,數據量少或固定顯示指定資料) https://ithelp.ithome.com.tw/upload/images/20230923/201626861MoLENInX9.png 展示商品種類列表清單 ListView ListView
可滑動列表元件 (layout 變化較多,數據量較大且數據會動態改變) https://ithelp.ithome.com.tw/upload/images/20230923/20162686GL7Y92Bisl.png 展示照片列表清單,照片列表可能超出指定區域,清單項目有照片名稱、照片和按讚按鈕 RecyclerView ListVeiw.builder

上一篇
[鐵人賽 Day 18] Kotlin & Flutter 改變元件狀態方法比較
下一篇
[鐵人賽 Day 20] Kotlin & Flutter 元件比較(四) - 一頁一頁滑動元件實例
系列文
Kotlin & Flutter App 開發比較思考日誌30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言