【Flutter】圖片、內(nèi)容、滾動(dòng)空間溢出調(diào)整

空間超出提示

創(chuàng)新互聯(lián)建站一直通過(guò)網(wǎng)站建設(shè)和網(wǎng)站營(yíng)銷幫助企業(yè)獲得更多客戶資源。 以"深度挖掘，量身打造，注重實(shí)效"的一站式服務(wù)，以網(wǎng)站制作、網(wǎng)站設(shè)計(jì)、移動(dòng)互聯(lián)產(chǎn)品、網(wǎng)絡(luò)營(yíng)銷推廣服務(wù)為核心業(yè)務(wù)。十多年網(wǎng)站制作的經(jīng)驗(yàn)，使用新網(wǎng)站建設(shè)技術(shù)，全新開(kāi)發(fā)出的標(biāo)準(zhǔn)網(wǎng)站，不但價(jià)格便宜而且實(shí)用、靈活，特別適合中小公司網(wǎng)站制作。網(wǎng)站管理系統(tǒng)簡(jiǎn)單易用，維護(hù)方便，您可以完全操作網(wǎng)站資料，是中小公司快速網(wǎng)站建設(shè)的選擇。

注釋 ：Flutter Incorrect use of ParentDataWidget

問(wèn)題原因：Expanded、Flexible等組件，在“Container、Padding、Stack”組件中導(dǎo)致的。

解決方案：保持： Expanded、Flexible 只在 Row、Column 等組件內(nèi)，不在其他組件內(nèi)使用。

控件Row有一個(gè)水平的布局方向，但是內(nèi)容已經(jīng)超出了可顯示的范圍。

建議我們使用有彈性的控件比如Expanded代替，或者使用可裁剪的控件ClipRect代替，還可以使用具體滾動(dòng)屬性的控件比如ListView代替

1、類似圖片加載失敗,然后溢出擠壓空間，可以用Container包裹一下

直接使用，如果圖片地址失效，就會(huì)溢出

直接使用,圖片鏈接失效引起

2、類似這種超出

A RenderFlex overflowed by 48 pixels on the right.

3、類似這種Column滾動(dòng)超出!

實(shí)現(xiàn)頁(yè)面滑動(dòng)需要用到SingleChildScrollView組件，SingleChildScrollView和Android中ScrollView類似

問(wèn)題原因：Expanded、Flexible等組件，在“Container、Padding、Stack”組件中導(dǎo)致的。

解決方案：保持：Expanded、Flexible只在Row、Column等組件內(nèi)，不在其他組件內(nèi)使用。

Flutter Row Column 布局溢出的問(wèn)題

大家在學(xué)習(xí)Flutter的時(shí)候，剛剛開(kāi)始學(xué)習(xí)布局應(yīng)該會(huì)各種遇到溢出。比如在用到Row或者Column經(jīng)常會(huì)遇到布局溢出的問(wèn)題。

Consider applying a flex factor (e.g. using an Expanded widget) to force the children of the RenderFlex to fit within the available space instead of being sized to their natural size.

This is considered an error condition because it indicates that there is content that cannot be seen. If the content is legitimately bigger than the available space, consider clipping it with a ClipRect widget before putting it in the flex, or using a scrollable container rather than a Flex, like a ListView.

SingleChildScrollView和Expanded做為布局防止布局溢出

Flutter - 顯示/隱藏控件的幾種方法

實(shí)際效果，不會(huì)占位，隱藏時(shí) TestWidget 不會(huì)加載，可 else 一個(gè)占位(則會(huì)加載占位的組件)

實(shí)際效果，會(huì)占位，顯示隱藏TestWidget都會(huì)加載

實(shí)際效果，不會(huì)占位，顯示隱藏TestWidget都會(huì)加載

實(shí)際效果，可選擇是否占位，不占位，隱藏時(shí)TestWidget不會(huì)加載，占位，顯示隱藏TestWidget都會(huì)加載

Visibility 選擇占位時(shí)，隱藏 TestWidget