1.1.2　Placeholder

軟件開發的過程中經常會遇到一部分功能模塊暫時還無法實現的情況，例如橫幅廣告等，但又需要在屏幕布局上為它們留下合適的空間，這時Placeholder組件就可以派上用場了。它可以方便開發者在屏幕上畫出一個占位框，表示這塊內容暫時還沒完成。它的用法非常簡單，基本代碼如下：

Placeholder()

1．常用屬性

無。一般而言直接調用Placeholder組件不傳任何參數就可以應付絕大多數場景了。一般而言，它會試圖占滿全部可用空間，如整個屏幕。實戰中通常會用Container組件或SizedBox組件作為Placeholder組件的父級，以約束它的尺寸。關于Container組件和SizedBox組件的用法，會在本章后面小節詳細介紹。

2．不常用屬性

1）fallbackWidth和fallbackHeight

前面提到Placeholder組件會盡量試圖占滿父級組件的全部可用空間，如全屏等，但如果父級組件某個維度的尺寸是“無邊界”的，例如Column組件可以垂直排列多個組件，它在垂直方向（高度）就是無邊界的（正無窮），此時Placeholder組件就會采用fallbackWidth和fallbackHeight所指定的寬度和高度，默認為400邏輯像素。這里fallback是“備用方案”的意思，因此若父級組件沒有出現無邊界的情況，則Placeholder組件會直接忽略這2個屬性，在滿足父級組件布局約束的前提下越大越好。例如，實戰中需將Placeholder組件尺寸設置為300×300邏輯像素，應通過插入SizedBox父級組件直接干預Placeholder組件的尺寸，而不是設置這2個參數。

關于更多布局約束的內容，以及“無邊界”等約束概念，讀者可參考第6章“進階布局”中的關于ConstrainedBox組件的相關內容。

圖1-3　Placeholder組件可調節渲染顏色和粗細

2）strokeWidth和color

這2個屬性負責定義Placeholder組件的樣式。其中strokeWidth屬性用于調整其邊框和叉的粗細，默認為2.0單位（邏輯像素），而color則是定義它們的顏色，具體效果如圖1-3所示。

Placeholder組件的叉背后的留白部分實際上并非是由該組件渲染的，因此不受其屬性控制。如果需要改變背景顏色，則可以考慮把Placeholder組件嵌套在一個Container組件里，再去修改Container組件的顏色或其他修飾屬性。

實戰中，與其精心設計Placeholder組件的樣式，不如抓緊時間把沒完成的功能盡快開發出來，這樣就可以盡早刪掉Placeholder組件了。