Entre NativeBase et Shoutem, quel est le meilleur moyen d’utiliser React Native?
Je trouve qu'il y a 2 composants d'interface utilisateur pour React Native qui sont principalement utilisés. Je veux utiliser l'un d'eux. Lequel d'entre eux est le plus facile à utiliser et personnalisable?
Actuellement, il existe 3 principales bibliothèques d'interface utilisateur:
Les composants Shoutem UI ne sont en réalité qu'une partie de Shoutem UI Toolkit , qui comprend:
- Composants d'interface utilisateur - ensemble de composants personnalisable pour les applications RN
- Thème - style vos composants RN sur un seul endroit
- Animation - ensemble d'animations déclaratives
Les composants de l'interface utilisateur sont dotés du beau design prédéfini. Il est donc simple de créer de belles applications, il suffit simplement de copier le code du composant. Cependant, ils peuvent être entièrement personnalisés avec un thème d'un endroit, vous permettant ainsi de séparer les préoccupations de vos composants. Les animations peuvent être utilisées dans des domaines similaires.
Pour voir quels types de composants d'interface utilisateur sont présents, incluez les composants <Examples> dans votre écran, comme décrit ici .
React Native Elements simplifie l'utilisation de composants communs dans React Native. Native Base le fait également, vous permet de les personnaliser et dispose d’une meilleure documentation que React Native Elements.
_ {Disclaimer: Je travaille chez Shoutem
Les trois bibliothèques ci-dessus sont toutes bonnes et servent leurs propres objectifs. Cela dépend totalement une fois après avoir utilisé tous ces éléments.
NativeBase est un framework de développement d'applications mobiles; construit une couche au-dessus de React Native qui vous fournit un ensemble de composants de base pour le développement d'applications mobiles, qui vous aide à développer des expériences d'application de classe mondiale sur des plates-formes natives.
NativeBase vous offre la possibilité de créer des applications s'exécutant sur iOS et Android à l'aide d'une seule base de code. Cela facilite votre développement.
Puisque NativeBase est construit sur React Native, vous pouvez transmettre à tout composant la propriété de style qui sera fusionnée avec le style par défaut de ce composant. Cela va aussi avec les événements de rappel. Fortement personnalisable avec le theme d'un endroit.
Tout cela est parfaitement documenté par NativeBase. La documentation de NativeBase vous donne des informations complètes sur son utilisation avec un exemple de sortie, son élément de remplacement, l'élément natif de React, le style de chaque composant, la personnalisation du thème de chaque composant, etc.
De plus, NativeBase est en cours de réécriture pour améliorer sa facilité d'utilisation. À paraître très bientôt.
Allez-y et essayez NativeBase!
Découvrez la démonstration pratique des composants NativeBase dans un seul kit NativeBase-KitchenSink.
Disclaimer: Je travaille à NativeBase
Les deux sont excellents. Shoutem a quelques transitions d'animation plutôt sympas. Vous ne pouvez pas vous tromper avec l'un ou l'autre. Mon conseil est de les examiner et de choisir celui qui vous semble le plus approprié ou qui correspond le mieux à vos besoins.
Et n'oubliez pas de consulter React Native Elements aussi
Vous pouvez utiliser NativeBase ou Shoutem UI. Les deux sont légèrement différents les uns des autres. NativeBase est conçu selon les recommandations de la plate-forme et est inspiré par Ionic, tandis que Shoutem possède un design propre et fluide.
J'ai joué avec la base native et l'interface utilisateur de Shoutem. Tous les deux sont entièrement personnalisés ... J'aime beaucoup Shoutem, car il a plus de fonctionnalités, d'animation, d'extension, de constructeur, etc. (> 15.0). Je tiens donc mon plan d'utiliser cela pour la production.
Je pense que cela est dû au fait que les derniers RN obsolètes NavigationExperimental et Expo SDK utilisent react-native-svg> = 5.2.0. CMIIW