2016-05-12 27 views
0

早上好!爲不同的屏幕大小動態定位項目

我正在嘗試創建類似於此的視圖mockup

我已經放下了3種不同的屏幕尺寸,所以你可以看到這個問題。 我有一個標頭背景圖像(灰色框),有角度的底部。在右邊我想顯示一個圖像,這顯然需要定位。

水平放置是沒有問題的,但我怎樣才能垂直放置圖像?我將它定位爲固定的一種屏幕尺寸,但顯然需要使其具有靈活性。

任何想法?幫助將非常感謝!

大衛

+0

你能分享你迄今所做的代碼? 您可以使用measure()作爲標題視圖(灰色背景),然後您將瞭解該視圖的高度,並根據該高度,可以使用position'absolute'動態地放置圖像(圓形)。 – Rajesh

回答

0

你絕對可以使用措施@rajesh指出,也可以使用尺寸。至於讓設備的佈局保持一致,使用絕對位置並測量設備高度應該可以讓您在這些設備之間保持一致。

退房this舉例我設置好了,至少應該是一個很好的起點。

enter image description here

https://rnplay.org/apps/pSzCKg

+0

邪惡!謝謝你們兩位:) –

相關問題