20+ Beispiele für native React-Listview-Komponenten

Blog

20+ Beispiele für native React-Listview-Komponenten

20+ Beispiele für native React-Listview-Komponenten

1.Reagieren Sie die native Header-Ansicht

Vollständig anpassbare Header-Ansicht mit mehreren Designoptionen für React Native.

Reagieren Sie die native Header-Ansicht

Demo ansehen:

Auf GitHub ansehen

2.React Native Modal Select List

Reagieren Sie auf die native modale Komponente, um Optionen aus der Liste auszuwählen.

React Native Modal Select List

Auf GitHub ansehen

3.React Native Lottie-Dateiauswahl

Eine React Native List, die die Auswahl schöner Lottie-Animationen unterstützt, die von Lottie Files stammen.

React Native Lottie Dateiauswahl

Auf GitHub ansehen

4.Wischliste schließen

React Native Closing-Swipe-Liste rein in Javascript implementiert.

Wischliste schließen

Auf GitHub ansehen

5.Reagieren Sie Native Wählen Sie mehrere

Eine anpassbare FlatList, mit der Sie mehrere Zeilen auswählen können.

Reagieren Sie Native Wählen Sie mehrere

Kindle WLAN-Authentifizierung fehlgeschlagen

Auf GitHub ansehen

6.React Native Largelist

Die beste große Listenkomponente für React Native
React-native-largelist ist eine sehr leistungsstarke Komponente für große Listen für React-Native. (iOS & Android) Jetzt ist V3 verfügbar. V1 ist da

React-Native-Großliste

So stellen Sie gelöschte Twitter-Accounts wieder her

Merkmale

  • Große Datenquellenlistenkomponente, von Gruppe wiederverwendete Elemente, weniger CPU-/Speicherauslastung. Niemals leer.
  • Vollständig plattformübergreifende Bounces (iOS & Android).
  • Aktualisieren und Laden ganz individuell anpassen. Vollständige Unterstützung von Reactive-Native-Lottie. Mehr reibungslose Animation.

Auf GitHub ansehen

7.Reagieren Sie Native Touch durch die Ansicht

eact Native Touch Through View ist eine einfache Komponentenbibliothek, die es ermöglicht, dass Scroll- und Tabellenansichten über interaktive Inhalte scrollen können, ohne dass Animationen für Größe und Grenzen schlecht ausgeführt werden.

Sie können Schubladeneffekte im Stil von Spotify oder Apple Maps mit der vollen Leistung von UIScrollView und ohne verzögerte onScroll-Ereignisse erzielen.

Reagieren Sie Native Touch durch View

Auf GitHub ansehen

8. Native Draggable-Ansicht reagieren

DraggableView ist eine Komponente für Reactive-Native, die Ihnen eine vertikale Draggable-Ansicht ermöglicht, die Sie nach oben oder unten ziehen können. Wenn Sie also diese Komponente ziehen und loslassen, bewegt sie sich weiter, bis sie entweder die Anfangsposition oder den Containerrand erreicht.

Reagieren Sie die native Draggable-Ansicht

Demo: https://github.com/yaraht17/react-native-draggable-view/tree/master/example/CartView

Auf GitHub ansehen

9.React Native Draggable FlatList

Eine Drag-and-Drop-fähige FlatList-Komponente für React Native.
Vollständig native Interaktionen mit Reanimated und React Native Gesture Handler.

Informationen zum Verwenden von wischbaren Listenelementen in einer DraggableFlatList finden Sie unter Reagieren von nativen wischbaren Elementen.
React Native Draggable FlatList

Auf GitHub ansehen

10.React Native List-Schieberegler

Listen-Slider für React Native - Pure JS Slider-Basis auf FlatList. Android- und iOS-Plattform unterstützt. Getestet auf RN-Version 0.55.x.

Schieberegler für native Liste reagieren

Auf GitHub ansehen

Wo kann man Quantstamp kaufen?

11.React Native Einkaufsliste

Ein Beispiel für eine React Native-Einkaufsliste.

React Native Einkaufsliste

Auf GitHub ansehen

12.Reagieren Sie die Liste der einheimischen Mauersteine

Dies ist eine gestaffelte Listenansicht für React Native (reine Js)
Liste der React-Native-Mauerwerksteine

Auf GitHub ansehen

13. Native sortierbare Listenansicht reagieren

Drag-Drop-fähiger Wrapper von ListView für React Native. Ermöglicht das Ziehen und Ablegen von Zeilen mit automatischem Scrollen beim Ziehen.
React Native sortierbare Listenansicht

Auf GitHub ansehen

14. Natives animiertes Formular reagieren

Einklappende Symbolleiste für Android und iOS

Natives animiertes Formular reagieren

Auf GitHub ansehen

15.Reagieren Sie Native FoldView

FoldingCell-Implementierung in JavaScript. Dieses Projekt wurde von der Faltzellenanimation von Dribbble inspiriert.

Reagieren Sie Native FoldView

Auf GitHub ansehen

16.Native verschachtelte Listenansicht reagieren

Eine UI-Komponente für React Native zum Darstellen verschachtelter Arrays von N Ebenen

Native verschachtelte Listenansicht reagieren

Auf GitHub ansehen

17. Komponenten der nativen Eingabeliste reagieren

Eine React Native-Bibliothek mit Komponenten für Eingabelisten

React-Komponenten der nativen Eingabeliste

www netflix/aktivieren

Auf GitHub ansehen

18.React Native unveränderliche ListView

Drop-in-Ersatz für ListView, FlatList und VirtualizedList von React Native.
React Native unveränderliche ListView

Auf GitHub ansehen

19.React Native Smooth Swipe List

Eine wischbare ListView-Komponente, die der Listenansicht in der iOS Mail-App nachempfunden ist.

React Native Smooth-Swipe-Liste

Auf GitHub ansehen

20.Reagieren Sie Native Gridview

Eine flexible Rasteransicht basierend auf der ListView-Komponente von React Native

Reagieren Sie Native Gridview

Auf GitHub ansehen

21.Reagieren Sie die native Paginierung

Animierte Paginierung für ListView, FlatList und SectionList von React Native
Reagieren Sie auf native Paginierung

Auf GitHub ansehen

22.React Native Swipe-Listenansicht

Eine React Native ListView-Komponente mit Zeilen, die geöffnet und geschlossen werden können

React Native Swipe-Listenansicht

Auf GitHub ansehen

23.Reagieren Sie native Suchliste

Eine durchsuchbare ListView, die chinesisches PinYin und einen alphabetischen Index unterstützt.

Reagieren Sie native Suchliste

Auf GitHub ansehen

24.Reagieren Sie Native TapTargetView

React Native Bridge für KeepSafe/TapTargetView

Bevor wir uns mit der Verwendung dieser Bibliothek befassen. Wir möchten uns bei allen Mitwirkenden von KeepSafe/TapTargetView für die Bereitstellung einer so großartigen schönen, coolen Bibliothek bedanken

iOS-Plattform
Informationen zur iOS-Unterstützung finden Sie unter React-Native-Material-Showcase-ios

Reagieren Sie Native TapTargetView

aol gelöschte E-Mails wiederherstellen

Auf GitHub ansehen

25.Netzlistenkomponente

Rasterlistenkomponente implementiert mit FlatList
Rasterlistenkomponente

Demo: https://snack.expo.io/@gusgard/react-native-grid-list

Auf GitHub ansehen

#reagieren-nativ #programmieren #reagieren