react native tab bars

Instalación

Agregue la dependencia:

 npm i react - native - tab - bars 

Dependencias de pares

¡IMPORTANTE! Necesitas instalarlos

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

Uso

Importar

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

Uso

 < 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" } ,
  ] }
/> 

Tabs Formato de matriz de objetos

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

Configuración - Props

Propiedad	Tipo	Por defecto	Descripción
cortina a la italiana	formación	matriz de objetos	Tienes que establecer su matriz de objetos con un ejemplo formateado como se indica arriba
inicial	número	nulo	pestaña seleccionada predeterminada
inesperado	función	por defecto	Establezca su propia lógica cuando se presione una pestaña
en el cambio	función	por defecto	Establezca su propia lógica cuando se cambia la pestaña seleccionada
Tabwith	número	60	Cambiar el valor de ancho de cada pestaña
pabpadding	número	5	Cambiar el valor de relleno de cada pestaña
Estilo de sombra	estilo	sombra	Establezca su propio estilo de sombra para la pestaña seleccionada
shadowcolor	color	#757575	Cambiar el color de la sombra actual
activecolor	color	#FBD000	Cambiar el color de la pestaña seleccionada
inactivecolor	color	transparente	Cambiar el color de las pestañas no seleccionadas
ActiveTextColor	color	#fff	Cambiar el color de texto de la pestaña seleccionada
inactivetextcolor	color	#000	Cambiar el color de texto de las pestañas no seleccionadas
Recipiente	componente	Vista	Cambiar el tipo de componente del contenedor principal
estilo	estilo	por defecto	cambiar o anular el objeto de estilo del contenedor principal

Planes futuros

• LICENCIA
• Opción de componente de barra de pestaña punteada
• Animación
• Desafío mecanografiado!
• Escribe un artículo sobre la lib en medio

Créditos

Diseño inspirado en Sina Amiriyam

Autor

Freakycoder, [email protected]

Licencia

React Native Tab Bars está disponible bajo la licencia MIT. Consulte el archivo de licencia para obtener más información.