react native tab bars Download - react native tab bars ดาวน์โหลดซอร์สโค้ด

react native tab bars

ซอร์สโค้ดอื่น ๆ

Container and style prop is here for much more customization options ?

ดาวน์โหลด

ทำปฏิกิริยาแท็บแท็บพื้นเมือง

การติดตั้ง

เพิ่มการพึ่งพา:

 npm i react - native - tab - bars

การพึ่งพาเพียร์

สำคัญ! คุณต้องติดตั้งพวกเขา

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

การใช้งาน

นำเข้า

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

การใช้งาน

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

แท็บรูปแบบอาร์เรย์วัตถุ

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

การกำหนดค่า - อุปกรณ์ประกอบฉาก

คุณสมบัติ	พิมพ์	ค่าเริ่มต้น	คำอธิบาย
แท็บ	อาร์เรย์	อาร์เรย์วัตถุ	คุณต้องตั้งค่าอาร์เรย์วัตถุของคุณด้วยตัวอย่างที่จัดรูปแบบดังกล่าวข้างต้น
อักษรย่อ	ตัวเลข	โมฆะ	แท็บที่เลือกเริ่มต้น
onpress	การทำงาน	ค่าเริ่มต้น	ตั้งค่าตรรกะของคุณเองเมื่อกดแท็บ
การเปลี่ยน	การทำงาน	ค่าเริ่มต้น	ตั้งค่าตรรกะของคุณเองเมื่อมีการเปลี่ยนแปลงแท็บที่เลือก
แท็บด้วย	ตัวเลข	60	เปลี่ยนค่าความกว้างของแต่ละแท็บ
การแทง	ตัวเลข	5	เปลี่ยนค่าช่องว่างของแต่ละแท็บ
Shadowstyle	สไตล์	เงา	ตั้งค่าสไตล์เงาของคุณเองสำหรับแท็บที่เลือก
shadowcolor	สี	#757575	เปลี่ยนสีเงาปัจจุบัน
Activecolor	สี	#FBD000	เปลี่ยนสีของแท็บที่เลือก
สี	สี	โปร่งใส	เปลี่ยนสีของแท็บที่ไม่ได้เลือก
ActivetExtColor	สี	#FFF	เปลี่ยนสีข้อความของแท็บที่เลือก
ไม่ใช้งาน	สี	#000	เปลี่ยนสีข้อความของแท็บที่ไม่ได้เลือก
คอนเทนเนอร์	ส่วนประกอบ	ดู	เปลี่ยนประเภทส่วนประกอบของคอนเทนเนอร์หลัก
สไตล์	สไตล์	ค่าเริ่มต้น	เปลี่ยนหรือแทนที่วัตถุสไตล์คอนเทนเนอร์หลัก