其實(shí)很簡(jiǎn)單的一個(gè)注意地方，當(dāng)使用了ViewStack并且將其height設(shè)定為100%，同時(shí)在其中添加了多個(gè)child container（A 和 B）。那么ViewStack的高度將會(huì)怎樣呢？這個(gè)例子可以應(yīng)用與：多個(gè)組件而不同的狀態(tài)，例如：在某些情況我需要顯示A的UI，另外在某些地方我需要顯示B的UI，然而它們的高度與寬度都是不一樣的，那么假設(shè)A的高度要大于B的高度，那么當(dāng)我想要顯示B的時(shí)候，就會(huì)發(fā)生如下的問題，雖然我將其Application的高度設(shè)定的與B一致，按照通常的做法，由于ViewStack的height為100%，那么則認(rèn)為它與Application的高度是一致的那么那個(gè)空白的邊是如何出現(xiàn)的呢？其實(shí)這個(gè)地方在使用ViewStack的時(shí)候，有一個(gè)注意點(diǎn)，那就是：當(dāng)ViewStack的height設(shè)定為100%時(shí)，ViewStack的高度不會(huì)與Application的高度一直，而它的高度會(huì)根據(jù)其中的最高的那個(gè)child一致。其實(shí)這個(gè)特性在簡(jiǎn)單的例子中是非常容易被發(fā)現(xiàn)的，但是假設(shè)在做項(xiàng)目的時(shí)候，很多的height都設(shè)定為100%同時(shí)又包含了多個(gè)container，那么這個(gè)時(shí)候是非常難發(fā)現(xiàn)的，跟大家在說一個(gè)技巧：如果遇到這樣的情況，那么將這些多個(gè)container用不同的背景色加以區(qū)分，最后就可以看到是哪個(gè)container出現(xiàn)問題了！還是那句話，可能這個(gè)特性已經(jīng)很多人知道了，但是我還是要在這里指出，做一個(gè)備份和讓不知道的朋友也了解一下，免得多走彎路：）具體請(qǐng)看如下的代碼：（代碼是在componentexplorer的基礎(chǔ)上修改的。）

最新評(píng)論