iT邦幫忙

2023 iThome 鐵人賽

DAY 7
0

https://ithelp.ithome.com.tw/upload/images/20230922/20147150JbBz2KzBta.png

Slot

當你的parent有多個children時,每個child會有一個優先順序,parent會透過給每個child定義slot來決定他們的順序
https://ithelp.ithome.com.tw/upload/images/20230922/201471508FtaFAn5I4.png
我們可以看到當element update Child時如果child新的slot跟舊的slot不一樣,就會執行updateSlotForChild
https://ithelp.ithome.com.tw/upload/images/20230922/20147150ss54TuKxFF.png

會先執行visit(child),這時候 new slot就會被放到child.slot上,並且如果不是renderObjectElement的話就會執行visitChildren並把visit functiont傳進去,visit function就是assgin new solt和visitChildren,所以只要在visitChildren在呼叫visit function(在裡面叫visitor這名字取的真好!)就可以持續遞迴的拜訪所有children。

這一整段做的事情就是:
當element執行updateChild時,會判斷old widget.slot 是否等用 newSlot,如果不相等就會把child的slot以及child的所有子代的slot都更新成newSlot

這麼做的原因就是為了當子在父的位子發生改變時能夠盡快地做到相應的更新,你可以想像一個情境,有一個Row底下有4個Container : c1/c2/c3/c4然後個有相對應的Slot : s1/s2/s3/s4,當今天c1移到Row的最後面時,Row的配對就從s1(c1)/s2(c2)/s3(c3)/s4(c4)變成s1(c4)/s2(c2)/s3(c3)/s4(c4)


上一篇
第六夜,Flutter的核心(五)
下一篇
第八夜,Flutter的核心(七)
系列文
Flutter你不知道又不可不知道的核心概念10
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言