2016-05-12 7 views
0

おはよう!異なるスクリーンサイズのアイテムを動的に配置

私は現在、このmockupのようなビューを作成しようとしています。

3つの異なる画面サイズを入力して問題を確認できます。 ヘッダーの背景画像(灰色のボックス)に斜めの底があります。右側では、明らかに配置する必要がある画像を表示したいと考えています。

水平に配置することは問題ありませんが、どのように画像を垂直に配置できますか?私はそれが1つの画面サイズに固定配置されているが、明らかに柔軟にする必要があります。

アイデア?助けていただければ幸いです!

デビッド

+0

あなたがこれまでに行っているコードを共有することはできますか? ヘッダービュー(灰色の背景)にmeasure()を使用すると、そのビューの高さを知ることができます。その高さに応じて、位置 '絶対'を使用してイメージ(円)を動的に配置できます。 – Rajesh

答えて

0

@rajeshが指摘したようにあなたは間違いなくメジャーを使用することができ、またはディメンションを使用することができます。デバイス間でレイアウトの整合性を保てる限り、絶対位置を使用してデバイスの高さを測定すると、これらのデバイス間で一貫性を保つことができます。

チェックアウトthis私が設定した例は、少なくとも出発点であるはずです。

enter image description here

https://rnplay.org/apps/pSzCKg

+0

Wicked!あなたのおかげです:) –

関連する問題