2016-05-12 15 views
0

Guten Morgen!Positionen dynamisch für verschiedene Bildschirmgrößen positionieren

Ich versuche zur Zeit eine ähnliche Ansicht wie diese mockup zu erstellen.

Ich habe 3 verschiedene Bildschirmgrößen, so dass Sie das Problem sehen können. Ich habe ein Header-Hintergrundbild (graue Box) mit einem abgewinkelten Boden. Auf der rechten Seite möchte ich ein Bild anzeigen, das offensichtlich positioniert werden muss.

Die horizontale Positionierung ist kein Problem, aber wie kann ich das Bild vertikal positionieren? Ich habe es für eine Bildschirmgröße fest positioniert, aber muss es offensichtlich flexibel machen.

Irgendwelche Ideen? Hilfe wäre sehr willkommen!

David

+0

Können Sie den Code, den Sie bisher getan haben teilen? Sie können measure() für die Header-Ansicht (grauer Hintergrund) verwenden, dann erfahren Sie die Höhe dieser Ansicht, und entsprechend dieser Höhe können Sie das Bild (Kreis) dynamisch mit der Position 'absolut' platzieren. – Rajesh

Antwort

0

Sie definitiv Maßnahme können als @rajesh wies darauf hin, oder Sie können Abmessungen verwenden. Wenn das Layout für alle Geräte einheitlich gestaltet werden soll, sollte die Verwendung der absoluten Position und die Messung der Gerätehöhe Konsistenz zwischen diesen Geräten ermöglichen.

Check out this Beispiel, das ich aufgebaut, sollte es zumindest ein guter Ausgangspunkt sein.

enter image description here

https://rnplay.org/apps/pSzCKg

+0

Böse! Danke euch beiden :) –

Verwandte Themen