React Native Style (oben, links, unten, rechts) verhalten sich unterschiedlich zwischen Android und iOS

Question

Ich stieß auf dieses Problem, wo die Benutzeroberfläche anders angezeigt wird mit dem gleichen Code zwischen Android und iOS.

. Sie können nur die Hälfte des Kreisbildes in Android sehen, während Sie in iOS ein Vollkreisbild sehen können. Bitte sehen Sie im Simulator auf RNplay.

Sie können meine Quellcode & Wieder simulieren für dieses Problem bei https://rnplay.org/apps/q6LxiQ

Vielen Dank für die Hilfe im Voraus gefunden.

Answer 1

Die Ursache für dieses Problem ist, dass RN iOS Standard overflow: visible Ansichten während RN nur Android Ansichten overflow: hidden implementieren darauf zurückzuführen, wie das native Android View-System funktioniert. Das Verhalten auf Android wird sich kaum ändern, bis sich Android selbst ändert.

machen konsequent auf beiden Plattformen, entweder eingestellt overflow: 'hidden' auf Ihrer übergeordnete Ansicht oder den Überlauf zu zeigen, die Kinder aus der übergeordneten Ansicht bewegen und ein onLayout Ereignis auf der übergeordneten Ansicht verwenden, um ihre Position, um zu erhalten zu berechnen die gewünschte Position der Kinder und positioniere sie absolut.