Native sortierbare Liste reagieren

Question

Warum erstrecken sich die Elemente der Liste nicht horizontal? Wie kann ich das beheben?

---

Reagieren india 0,44

Reagieren Mutter sortierbare Liste (https://github.com/gitim/react-native-sortable-list)

Android Emulator

Answer 1

ich dieses Problem nur gelöst durch den Stil der Wrapper-Komponente Satz mit die Breite auf die Breite des Bildschirms des laufenden Geräts. Dies spiegelt sich auch in dem Beispiel für das Plugin getan:

https://github.com/gitim/react-native-sortable-list/blob/master/examples/Basic/index.js

Zuerst müssen Sie Maße importieren:

import { Dimensions } from 'react-native'; 

Erhalten Sie einen Verweis auf das Fenster:

const window = Dimensions.get('window'); 

Dann definieren ein Stil wie dieses Beispiel, das ich gerade verwende:

Vergeben den Stil der Spitze-Element in der Zeile der Komponente Render-Methode:

return <Animated.View style={itemWrapper()}> 

</Animated.View> 

Die Animated.View nun zum Ende des Siebes zusammen mit seinem Inhalt dehnen sollte.