2017-08-22 1 views
0

Ich versuche, meine Elemente in eine Rasteransicht mit ReactNative zu formatieren. Wenn die Anzahl der Items jedoch ungerade ist, wird sie gemäß dem angehängten Bild angezeigt. Anyway kann das dritte Element nach links ausrichten?Anzeige im Raster

Listview css

grid: { 
     justifyContent: 'center', 
     flexDirection: 'row', 
     flexWrap: 'wrap', 
     flex: 1, 
    }, 

enter image description here

+0

Grundsätzlich nicht nativ mit Flexbox zu sein. - https://stackoverflow.com/questions/32802202/how-to-center-a-flex-container-but-left-align-flex-items –

Antwort

2

ändern justifyContent Eigenschaft 'flex-start'

+0

sieht gut aus, aber wenn das Gerät kleinere Breite hat, dann wird jede Zeile nur einen Gegenstand haben und nach links ausgerichtet? Wie auch immer kann man sich für diesen Fall ausrichten? – jokerday

+1

Ich denke, das geht gegen die Frage. Aber auch wenn die Bildansicht von konstanter Breite ist, können Sie die Gerätebreite erhalten und mit einem einfachen Vergleich können Sie die CSS dynamisch als 'center' oder 'flex-start' einstellen. –

+0

@jokerday und Ashish: Das ist, was Medien-Abfrage ist für ... – LGSon