Tag: react-native-flatlist

Wie fügen Sie laden mehrere Datensätze mit Spinner in FlatList reagieren-native (also -10 - 10 Datensätze) manuell! nicht aus mit server-Seite

Anzahl der Antworten 1 Antworten
Hallo, ich bin die Entwicklung von Beispiel-Anwendung basiert auf FlatList das ist mein code hier. Eigentlich zeigte ich ganze Datensätze wie ich 50 Datensätze auf mein Konto . Aber jetzt bin ich Anzeige der gesamten 50 Datensätze.

Reagieren Nativen FlatList onPress für Kind

Anzahl der Antworten 1 Antworten
Ich versuche zu verdrahten einer Presse-handler für ein Bild, das verschachtelt ist ein Reagieren Nativen FlatList. Ich habe festgestellt, dass die Funktion übergeben wird in über Requisiten, durch Aufruf der Funktion direkt in meine Komponente und das

So ändern Sie die Höhe von <FlatList/> in, reagieren die einheimischen?

Anzahl der Antworten 3 Antworten
Möchte ich ändern, Breite und Höhe von <FlatList />. Ich die height Stil der aktuellen <FlatList /> aber nie gearbeitet. Kann ich ändern, die Höhe <FlatList /> in keiner Weise. Dies ist mein render() Funktion und Stile.

ReactNative Flatlist onEndReached nicht funktioniert

Anzahl der Antworten 4 Antworten
Ich versuche, eine Funktion aufzurufen, die auf onEndReached eine FlatList aber es funktioniert nicht. Ich rufe die this.state.pageNo am Ende und es wird nicht aktualisiert. Ich will diese Logik später in unendliche scroll aber nicht in der

Reagieren-native: FlatList bekommen refs zu Blättern

Anzahl der Antworten 1 Antworten
Ich bin derzeit der Aufbau einer app mit react native: dies ist mein flatlist: <FlatList ref={"myFlatList"} data={data} keyExtractor={this._keyExtractor} renderItem={this._renderItem} /> In dieser Funktion möchte ich scrollen, um einen bestimmten index: _enableTVEventHandler() { this._tvEventHandler = new TVEventHandler(); this._tvEventHandler.enable(this,

FlatList numColumns scheint nicht zu funktionieren, richtig?

Anzahl der Antworten 2 Antworten
Ich versuche, eine FlatList zu zeigen, ein paar user Avatare jemand in einem raster-format, aber es endet auf der Suche sehr seltsam, und ich kann nicht scheinen, um herauszufinden, wie es zu lösen ist. Hier ist, wie

Reagieren Native: Richtig scrollen in der horizontalen FlatList mit Element Separator

Anzahl der Antworten 2 Antworten
ReactNative: v0.52.0 Plattform: iOS Meine FlatList code: <FlatList horizontal pagingEnabled={true} showsHorizontalScrollIndicator={false} legacyImplementation={false} data={this.props.photos} renderItem={item => this.renderPhoto(item)} keyExtractor={photo => photo.id} ItemSeparatorComponent={this.itemSeparatorComponent} /> Element separator-code: itemSeparatorComponent = () => { return <View style = { { height: '100%', width:

Wie man aktuell sichtbaren index in RN flache Liste

Anzahl der Antworten 3 Antworten
Ich habe eine horizontale Liste, wo jedes Element ist width:300 Alles was ich versuche zu tun ist, um den index der aktuell sichtbare Element. <FlatList onScroll={(e) => this.handleScroll(e)} horizontal={true} data={this.state.data} renderItem... So probiert: handleScroll(event) { let index

Reagieren Nativen FlatList Trennzeichen zwischen den Spalten

Anzahl der Antworten 5 Antworten
Ich habe eine FlatList mit mehreren Spalten: <FlatList numColumns={4} ItemSeparatorComponent={this.renderSeparator} ... </FlatList> Sowie eine line-separator: renderSeparator = () => ( <View style={{ backgroundColor: 'red', height: 0.5, }} /> ); Aber die Trennzeichen erscheinen nur zwischen den Zeilen,

Ausblenden der scrollbar in FlatList (Reagieren Native) in Android

Anzahl der Antworten 2 Antworten
Ich bin versucht, FlatList (Reagieren-native) in meiner app. Ich bin mit horizontal-und sehen kann die scrollbar. Es ist eine option in der ScrollView das ausblenden der scrollbar, aber nicht in der FlatList. Hat sich schon jemand in

Klicken Sie auf listener in flatlist

Anzahl der Antworten 3 Antworten
Wie kann ich hinzufügen klicken Sie auf listener in Flatlist? Mein code: renderItem({item, index}){ return <View style = {{ flex:1, margin: 5, minWidth: 170, maxWidth: 223, height: 304, maxHeight: 304, backgroundColor: '#ccc', }}/> } render(){ return(<FlatList contentContainerStyle={styles.list}

Markieren Sie ein ausgewähltes Element in Reagieren-Native FlatList

Anzahl der Antworten 2 Antworten
Ich zusammen eine einfache Reagieren-native Anwendung erhält Daten von einem remote-service, lädt es in eine FlatList. Wenn ein Benutzer tippt auf ein Element, es sollte hervorgehoben werden und die Auswahl sollte beibehalten werden. Ich bin sicher, solche

Reagieren FlatList renderItem

Anzahl der Antworten 3 Antworten
Ich habe gesehen, diese Art der syntax in JS vor und ich bin einfach nur neugierig, wie es funktioniert. In der React Native Dokumente für FlatList, ein Beispiel nennt renderItem. Wie funktioniert diese._renderItem wissen, dass das, was

React Native - Verwenden Sie eine keyExtractor mit FlatList

Anzahl der Antworten 4 Antworten
Habe ich immer das: "VirtualizedList: missing keys for items, make sure to specify a key property on an item or provide a custom keyExtractor" ziemlich verwirrend... das array bin ich vorbei, es hat eine wichtige Eigenschaft definiert,

Wie re-render-flatlist?

Anzahl der Antworten 8 Antworten
Im Gegensatz zu ListView-wir aktualisieren diese.Zustand.datasource. Gibt es irgendeine Methode oder ein Beispiel zu aktualisieren, FlatList oder neu Rendern? Mein Ziel ist die Aktualisierung der text-Wert, wenn der Benutzer die Taste drücken ... renderEntries({ item, index })