26 React Native Button-Bibliotheken im Jahr 2020

Blog

26 React Native Button-Bibliotheken im Jahr 2020

26 React Native Button-Bibliotheken im Jahr 2020

Native Schaltflächen reagieren

Eine Sammlung von reaktiven nativen Schaltflächen



Auf GitHub ansehen



Schaltflächen für natives Material reagieren

Materialtasten mit einheitlichem Verhalten auf iOS und Android



Auf GitHub ansehen

Kommentar in der JSON-Datei

Rnswipe-Taste

React Native Swipe Button-Komponente https://udaysravank.github.io/RNSwipeButton/

Auf GitHub ansehen

Reagieren Sie Native mit Pressanimation

Presseanimationskomponente höherer Ordnung für React Native.
Eine Komponente höherer Ordnung, die eine onPress-Animation für die React Native-Komponente bereitstellt. Demo

Auf GitHub ansehen

React Native Really Awesome Button

React Native Schaltflächenkomponente. Awesome Button ist eine 3D-Komponente mit 60 fps, Fortschrittsanzeige, Social-Ready, erweiterbar und produktionsbereit, die einen fantastischen animierten Satz von UI-Buttons rendert. https://expo.io/@rcaferati/react-native-really-awesome-button

Auf GitHub ansehen

Reagieren Sie Native Multibar

React Native MultiBar .Dieses Modul bietet die Funktionalität zum Implementieren erweiterter Aktionen durch Hinzufügen einer benutzerdefinierten Registerkartenleiste mit einer erweiterten Schaltfläche.

Auf GitHub ansehen

Native Spinner-Schaltfläche reagieren

Dies ist eine reine Javascript- und reaktionsnative Button-Komponente mit einem darin eingebetteten Spinner. In vielen der reaktiven Projekte, an denen wir gearbeitet haben, musste die Schaltfläche deaktiviert werden, wenn die App beim Tippen auf diese Schaltfläche etwas verarbeitet, und eine Ladeanzeige darauf oder daneben, damit der Benutzer darauf aufmerksam gemacht werden kann, dass die App etwas tut wird bearbeitet.

Aus Entwicklersicht ist es sehr mühsam, zwei verschiedene Komponenten zu verwalten: einen Button und einen Spinner für viele Buttons! Als wir also auf diese schöne Komponente SSspinnerButton stießen, beschlossen wir, so etwas in Reactive-Native zu tun.

Standardmäßig wird ein Button gerendert und Sie müssen ihm eine boolesche isLoading-Eigenschaft übergeben. Wenn isLoading true ist, wird anstelle des Buttons ein Spinner gerendert und sobald es false ist, wird der Button wieder gerendert.

Merkmale

  • Drop-in-Ersatz für eine Kombination aus Taste und Anzeige
  • Sehr einfach zu bedienen
  • Reine Javascript-Komponente
  • Einheitliches Erscheinungsbild auf iOS und Android
  • Jeder Spinner von React-Native-Indikatoren kann mit den meisten seiner Eigenschaften verwendet werden
  • Die Animationen FadeIn, FlipInX und FlipInY können von Reaktiv-nativ-animierbar verwendet werden
  • Geben Sie Ihrem Knopf einen beliebigen Stil

Auf GitHub ansehen

Reagieren Sie native Farbverlaufsschaltflächen

Eine leichte, anpassbare und haptische Gradient Button-Komponente für React Native

Auf GitHub ansehen

React Native Async-Schaltfläche

React Native-Schaltfläche zur Handhabung asynchroner Operationen https://ef-carbon.github.io/react-native-async-button/

fehlende Korrekturhilfen Wort 2016

Auf GitHub ansehen

Reagieren Sie Native Selectmultiple-Taste

Diese Bibliothek ist eine Schaltfläche (oder eine gruppierte Schaltfläche), die die Mehrfach- oder Radioauswahl durch Erstellen mit React Native unterstützt. https://github.com/danceyoung/selectmultiplebuttons für Schnell.

Sie können jedes Layout und jeden Stil für Containeransicht, Schaltflächenansicht und Text über View Style Props, Layout Props und Text Style Props angeben, die von React Native unterstützt werden

Auf GitHub ansehen

Reagieren Sie Native Floating-Aktion

Materialdesign-Aktionsschaltfläche für React Native

Auf GitHub ansehen

Natives einfaches Optionsfeld reagieren

Einfache und praktische animierte Optionsfeldkomponente für React Native

Auf GitHub ansehen

React Native OSD Simple Button

Eine Schaltfläche, die die meisten HTML-Attribute implementiert und sich selbst flext (das ist kein Wort)

Auf GitHub ansehen

Reagieren Sie Native Back Android

Eine Komponente höherer Ordnung für die Handhabung des Zurück-Tastendrucks auf React Native Android

Auf GitHub ansehen

Reagieren Sie Natives Swipeout

React Swipeout (Web- und React-nativ) http://react-component.github.io/swipeout
Swipeout-Schaltflächen im iOS-Stil, die hinter einer Komponente erscheinen (Web- und React-native-Unterstützung)

Auf GitHub ansehen

React Native Flat Button

Flache Tastenkomponente für React-Native

Auf GitHub ansehen

Reagieren Sie Native Buttonex

Dieses Modul ist eine Kopie der standardmäßigen Reaktiv-nativen/Button-Komponente von hier - http://facebook.github.io/react-native/docs/button.html - https://github.com/facebook/react-native/blob/master/Libraries/Components/Button.js - alles funktioniert genau gleich. Diese offizielle Komponente von React Native sieht den nativen Schaltflächen sehr ähnlich, die wir auf iOS und Android sehen. Es sind jedoch einige kleine Änderungen erforderlich, um wirklich das perfekte Aussehen zu erhalten. Dieses Modul fügt einige neue Requisiten hinzu, um die verschiedenen nativen Stile, die wir auf Android und iOS sehen, perfekt zu erreichen.

Auf GitHub ansehen

Native Aktionsschaltfläche reagieren

anpassbare Multi-Action-Button-Komponente für React-Native

Auf GitHub ansehen

React Native Download-Schaltfläche

React Native: Native Download Button: mit ziemlich cooler Animation

Auf GitHub ansehen

React Native Shine-Taste

React Native: Native Shine Button - Effekte wie Glänzen

Auf GitHub ansehen

Reagieren Sie Native Fab

Eine FAB-Button-Komponente für Android und iOS, anpassbar, einfach und gemäß den Materialdesign-Spezifikationen.

Auf GitHub ansehen

React Native Md Motion-Tasten

Ein einfacher animierter Übergang basierend auf dem Dribbling von invision.

So aktualisieren Sie den Standort von Google Maps

Auf GitHub ansehen

Reagieren Sie Native Awesome Button

Eine Schaltfläche React Native-Komponente, die das Anzeigen verschiedener Zustände mit Animationen unterstützt
Eine Komponente, die eine Schaltfläche erstellt, die verschiedene Zustände in Bezug auf z.B. Farbe und Beschriftungstext. Wenn ein neuer buttonState an die Komponente übergeben wird, animiert die Schaltfläche den Übergang zum neuen Erscheinungsbild, das bei der Initiierung festgelegt wurde. Je nach aktuellem Zustand der Schaltfläche können Sie auch unterschiedliche Funktionen zum Aufrufen per Touch übergeben.

Auf GitHub ansehen

Native Schaltflächenkomponente reagieren

Eine schöne, anpassbare React Native Button-Komponente für iOS und Android .React Native Button-Komponente für iOS und Android.

Auf GitHub ansehen

Native Aktionsschaltfläche reagieren

anpassbare Multi-Action-Button-Komponente für React-Native

Auf GitHub ansehen

Native Schaltfläche reagieren

Eine React Native-Schaltflächenkomponente, die über Requisiten anpassbar ist

Auf GitHub ansehen

#reagieren-nativ #programmieren #reagieren