react native tab bars

Installation

Ajouter la dépendance:

 npm i react - native - tab - bars 

Dépendances des pairs

IMPORTANT! Vous avez besoin de les installer

 "react" : ">= 16.x.x" ,
"react-native" : ">= 0.55.x" ,
"react-native-androw" : ">= 0.0.34"

Usage

Importer

 import { SolidTabBar } from "react-native-tab-bars" ; 

Usage

 < SolidTabBar
  initial = { 0 }
  onChange = { ( data ) => console . log ( data ) }
  tabs = { [
    { id : 0 , text : "All" } ,
    { id : 1 , text : "Birds" } ,
    { id : 2 , text : "Fishes" } ,
    { id : 3 , text : "Tigers" } ,
  ] }
/> 

Format de tableau d'objets d'onglets

 [
  { id : 0 , text : "All" } ,
  { id : 1 , text : "Birds" } ,
  { id : 2 , text : "Fishes" } ,
  { id : 3 , text : "Tigers" } ,
] ;

Configuration - accessoires

Propriété	Taper	Défaut	Description
onglets	tableau	tableau d'objets	Vous devez définir votre tableau d'objets avec un exemple formaté comme ci-dessus
initial	nombre	nul	Onglet sélectionné par défaut
mettre en flèche	fonction	défaut	Définissez votre propre logique lorsqu'un onglet est enfoncé
floconneux	fonction	défaut	Définissez votre propre logique lorsque l'onglet sélectionné est modifié
tabwith	nombre	60	modifier la valeur de largeur de chaque onglet
tabpadding	nombre	5	Modifier la valeur de rembourrage de chaque onglet
shadowstyle	style	ombre	Définissez votre propre style d'ombre pour l'onglet sélectionné
shadowcolor	couleur	# 757575	Changer la couleur de l'ombre actuelle
activeColor	couleur	# FBD000	Modifier la couleur de l'onglet sélectionné
inactivecolor	couleur	transparent	Changer la couleur des onglets non sélectionnés
activeTextColor	couleur	#fff	Modifier la couleur du texte de l'onglet sélectionné
InactiverExtColor	couleur	# 000	Modifier la couleur du texte des onglets non sélectionnés
Récipient	composant	Voir	Modifier le type de composant du conteneur principal
style	style	défaut	modifier ou remplacer l'objet de style du conteneur principal

Plans futurs

• LICENCE
• Option de composante de barre d'onglet pointillé
• Animation
• Défi de type dactylographié!
• Écrivez un article sur la lib sur le médium

Crédits

Conception inspirée de Sina Amiriyam

Auteur

Freakycoder, [email protected]

Licence

React Native Tab Bars est disponible sous la licence MIT. Voir le fichier de licence pour plus d'informations.