iT邦幫忙

2023 iThome 鐵人賽

DAY 12
0
自我挑戰組

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

[鐵人賽 Day 12] Kotlin & Flutter 元件比較(二) - ListView 使用比較統整

  • 分享至 

  • xImage
  •  

目的

由以下實例比較 Kotlin 和 Flutter ListView 元件使用差異:

Kotlin & Flutter ListView 元件使用差異統整

討論範圍:討論非元件基礎差異

Kotlin & Flutter 建立元件基礎差異可參考此篇

| | Kotlin | Flutter |
| : ---- | :---- | :---- |
| 如何設定 ListView 每個 item 的資料 | 透過 Adapter 設定 | 傳入 item 元件建成的清單 List<Widget>ListView 元件 children 屬性,List 中的 Widget 元素即為 ListView item 元件|

總結

雖然 Kotlin 和 Flutter 中 ListView 元件都是顯示列表的元件且元件名稱相同,兩者皆需要建立 ListView 元件和 ListView item 元件 的 layout,但是在依元件需顯示的資料內容調整實作方式時,思考方式會有以下差異:

  • Kotlin:為了設定 ListView 每個 item 的資料,Kotlin 會需要新增 Adapter 類別 ,且不同 Adapter 的使用方式也不同,如果需針對 ListView 元件使用複雜的 layout 設定或需顯示的資料量較大時,需改用 RecyclerView
- **Flutter**:需要根據 `ListView` 元件需顯示的資料量,選擇 [ListView 不同的建立方法](https://ithelp.ithome.com.tw/articles/10317751),並傳入不同建立方法所需參數。

上一篇
[鐵人賽 Day 11] Kotlin & Flutter 元件比較(二) - Flutter ListView 實例
下一篇
[鐵人賽 Day 13] Kotlin & Flutter 元件比較(二) - ListView 如何知道被點擊的項目為何
系列文
Kotlin & Flutter App 開發比較思考日誌30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言