我問(wèn)了下ChatGPT得到了一個(gè)更好的答案觉阅。
在Flutter中稻爬,如果將Column組件嵌套在SingleChildScrollView組件中嗜闻,可能會(huì)出現(xiàn)無(wú)法展示視圖的情況。這是因?yàn)镃olumn組件默認(rèn)會(huì)嘗試占用盡可能多的空間桅锄,而SingleChildScrollView組件會(huì)根據(jù)子組件的大小來(lái)決定是否需要滾動(dòng)泞辐。因此笔横,當(dāng)Column組件的內(nèi)容超過(guò)屏幕大小時(shí),SingleChildScrollView組件會(huì)認(rèn)為不需要滾動(dòng)咐吼,從而導(dǎo)致無(wú)法展示視圖吹缔。
解決這個(gè)問(wèn)題的方法是在Column組件外面套一個(gè)Container組件,并設(shè)置Container組件的高度或?qū)挾染馇选_@樣厢塘,Column組件就不能占用超出Container組件設(shè)置的大小的空間,從而讓SingleChildScrollView組件正確地判斷是否需要滾動(dòng)肌幽。
Flutter SingleChildScrollView嵌套Column的滾動(dòng)問(wèn)題我們有一個(gè)協(xié)議頁(yè)面晚碾,上部為內(nèi)容,底部為按鈕喂急,類似下圖格嘁。 我們可能會(huì)這樣實(shí)現(xiàn) 運(yùn)行代碼后界面和例舉的界面效果一致,看似沒(méi)問(wèn)題廊移,但是當(dāng)我們?cè)黾訁f(xié)議內(nèi)容超過(guò)屏幕高度時(shí)糕簿。 這時(shí)會(huì)發(fā)現(xiàn)...