webentwicklung-frage-antwort-db.com.de

Zwischen NativeBase und Shoutem, was ist am besten für React Native geeignet?

Ich finde, es gibt 2 UI-Komponenten für React Native, die meistens verwendet werden. Ich möchte einen von ihnen benutzen. Welcher von ihnen ist einfacher zu bedienen und anpassbar?

16
Kais

Derzeit gibt es 3 Hauptbenutzerbibliotheken:

Shoutem UI-Komponenten sind eigentlich nur ein Teil von Shoutem UI Toolkit , das Folgendes beinhaltet:

  • UI-Komponenten - anpassbare Komponenten für RN-Anwendungen
  • Theme - stylen Sie Ihre RN-Komponenten an einer Stelle
  • Animation - Satz deklarativer Animationen

Die UI-Komponenten verfügen über das vordefinierte, schöne Design. Das Erstellen gut aussehender Anwendungen ist so einfach wie das einfache Codieren des Komponentencodes. Sie können jedoch von einem Ort aus mit einem Thema vollständig angepasst werden, sodass Sie die Trennung der Bedenken für Ihre Komponenten erreichen können. Animationen können auch auf ähnliche Weise verwendet werden.

Um festzustellen, welche Art von UI-Komponenten vorhanden sind, schließen Sie <Examples>-Komponenten in Ihren Bildschirm ein, wie in hier beschrieben.

React Native Elements vereinfachen die Verwendung gebräuchlicher Komponenten in React Native. Native Base macht dies auch, ermöglicht Ihnen das Anpassen und bietet eine bessere Dokumentation als Native Elemente reagieren.

Disclaimer: Ich arbeite bei Shoutem

27
Tommz

Alle drei Bibliotheken sind gut und dienen ihren eigenen Zwecken. Es hängt total davon ab, nachdem Sie alle diese verwendet haben.

NativeBase ist ein Framework für die Entwicklung mobiler Anwendungen. baut auf React Native eine Schicht auf, die Ihnen grundlegende Komponenten für die Entwicklung mobiler Anwendungen bietet, mit denen Sie erstklassige Anwendungserfahrungen auf nativen Plattformen entwickeln können.

Mit NativeBase können Sie Anwendungen erstellen, die auf iOS und Android mit einer einzigen Codebase ausgeführt werden. Es erleichtert Ihre Entwicklung.

Da NativeBase auf React Native basiert, können Sie bei jeder Komponente die style -Eigenschaft übergeben, die mit dem Standardstil dieser Komponente zusammengeführt wird. Dies gilt auch für die Rückrufereignisse. Mit dem theme von einem Ort aus sehr anpassbar.

All dies wird von NativeBase genau dokumentiert. Docs of NativeBase gibt Ihnen vollständige Informationen über die Verwendung der Beispielausgabe, das ersetzende Element React Native, das Stilisieren der einzelnen Komponenten, das Anpassen des Designs für jede Komponente und vieles mehr.

Außerdem wird NativeBase umgeschrieben, um die Benutzerfreundlichkeit zu verbessern. Sehr bald freigelassen zu werden.

Probieren Sie NativeBase aus!

Testen Sie die Funktionsdemonstration der NativeBase-Komponenten in einem einzigen Kit NativeBase-KitchenSink.

Disclaimer: Ich arbeite bei NativeBase

14

Beide sind ausgezeichnet. Shoutem hat einige ziemlich coole Animationsübergänge. Sie können mit beiden auch nichts falsch machen. Mein Rat ist, jedes zu überprüfen und dasjenige auszuwählen, das sich entweder besser anfühlt oder Ihren Anforderungen am besten entspricht. 

Vergessen Sie nicht, React Native Elements zu überprüfen

5
Chris Geirman

Sie können entweder NativeBase oder Shoutem UI verwenden. Beide unterscheiden sich geringfügig voneinander. NativeBase basiert auf Plattformempfehlungen und ist von Ionic inspiriert, während Shoutem sein eigenes fließendes und klares Design aufweist.

1
Gaurav Guha

Ich habe mit Native-Base und Shoutem UI herumgespielt. Beide sind vollständig angepasst . Ich mag Shoutem als das andere, weil es mehr Funktionen, Animationen, Erweiterungen, Builder usw. enthält. Leider unterstützt die Shoutem-Benutzeroberfläche derzeit nicht die neuesten React-Native (> 0.40) und Expo (> 15,0). Daher halte ich meinen Plan, dies für die Produktion zu verwenden. 

Ich denke, das liegt daran, dass die neueste RN NavigationExperimental und Expo SDK nicht mehr reaktiver-svg> = 5.2.0 ist. CMIIW

0
Sastra Nababan