Custom Bottom Tab Navigator in React Native | React Navigation v5 Tutorial

Custom Bottom Tab Navigator in React Native | React Navigation v5 Tutorial

Pradip Debnath

3 года назад

264,340 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

宮村くん
宮村くん - 07.10.2023 21:37

first great tutorial I see without Expo, <3 thx u

Ответить
Reza Mohammadi
Reza Mohammadi - 13.09.2023 04:07

Thanks, how we can make a fab in bottom nav?

Ответить
Matheus Bittencourt
Matheus Bittencourt - 05.09.2023 20:07

it not working cool on android

Ответить
Burak Bakan
Burak Bakan - 05.09.2023 11:40

how to make this cursor

Ответить
Code With Gowtham
Code With Gowtham - 02.08.2023 06:30

Hi . First of all Thankyou for information and next one question
tabbaroptions is not work in my react native file ? please answer the questions

Ответить
Kiran Thorat
Kiran Thorat - 25.07.2023 15:18

Sir apne ye code github pe push kiya h ky????????

Ответить
Shamz Shamz
Shamz Shamz - 17.07.2023 07:30

will taht shadow work on android?

Ответить
Mohamed M'nari
Mohamed M'nari - 09.07.2023 17:37

any github repo for this ?

Ответить
Radhesh Tiwari
Radhesh Tiwari - 28.06.2023 13:42

onpress functionality not work. please help.

Ответить
Habeel Khan
Habeel Khan - 22.06.2023 09:41

sir that tab bar option or style is not showing in my program whats the reason

Ответить
Ryan Huy Le
Ryan Huy Le - 14.06.2023 07:45

Help me so much, thank you.

Ответить
Christopher Reif
Christopher Reif - 07.06.2023 20:42

Please keep making RN tutorials. I genuinely enjoy them.

Ответить
Mahaveer Saini
Mahaveer Saini - 19.05.2023 10:04

I have used this, but i con't change background color of bottom bat bar. I have follow your style.

Ответить
Ajoo Tec
Ajoo Tec - 02.05.2023 22:16

I sir I need one help

Ответить
Ravindra Thoriya
Ravindra Thoriya - 07.04.2023 12:11

Very good video and explanation, tried above example but plus icon not display in center or second tab only display red color circle. what am I missing?

Ответить
Nizam Ramazanzada
Nizam Ramazanzada - 16.03.2023 08:56

Hala elə)

Ответить
C King
C King - 04.03.2023 23:16

My add button is just a red circle :-/

Ответить
Vishwa Kin
Vishwa Kin - 23.02.2023 21:21

Can you please let me know if there's a way to insert a hamburger menu inside bottom tab navigator?

Ответить
clamore
clamore - 23.02.2023 10:14

Bro this music is awesome, finally not a dull tutorial

Ответить
jaider panqueva
jaider panqueva - 07.02.2023 17:57

Incredible tutorial, how did you do the animation at the beginning of the video?

Ответить
Kdu M
Kdu M - 02.02.2023 19:40

After many tutorials, you saved me! Thank you!!

Ответить
តុង​​​ - Tong
តុង​​​ - Tong - 30.12.2022 13:57

thanks alot <3

Ответить
K I N G
K I N G - 22.12.2022 15:58

i am facing problem that icon on custom button does not show.. but when i remove custom button it appears.. can you help me

Ответить
Jeff Nunn
Jeff Nunn - 22.12.2022 00:57

This was a great tutorial, thanks @Pradip. As others have said, your style is refreshing. It's to the point without a lot of fanfare, just what is needed, keep up the good work!

Ответить
Richill ARTLoe
Richill ARTLoe - 21.12.2022 14:08

This is very helpful! thank you very much

Ответить
mirpaterska
mirpaterska - 12.12.2022 21:13

Thank you for the content. tabBarOptions is deprecated.

Ответить
M Moeez
M Moeez - 07.12.2022 19:05

why my tabBarOption didnot working?????????

Ответить
Elkin Cobos
Elkin Cobos - 26.11.2022 19:38

Hello, Pradip first of all excellent tutorials, I wish you could do a tutorial with gallium, because there is practically nothing on the web.
Thank you very much

Ответить
Appland System
Appland System - 20.11.2022 16:01

Awesome

Ответить
Mahantesh Patil
Mahantesh Patil - 01.11.2022 22:41

Thank you so much for your video, this is great, highly appreciated, kindly combine other navigations in one single app please

Ответить
Dier Akramov
Dier Akramov - 31.10.2022 21:23

Good job!

Ответить
MFK
MFK - 23.10.2022 18:39

Thank you from Türkiye!

Ответить
alexandrehjodai
alexandrehjodai - 07.10.2022 18:58

Great tutorial

Ответить
𝐈   𝐀   𝐌   𝐃   𝐀   𝐉 ♠️
𝐈 𝐀 𝐌 𝐃 𝐀 𝐉 ♠️ - 04.10.2022 14:34

i love how u blur ur search history

Ответить
Fabian David
Fabian David - 09.08.2022 15:20

Great Tutorial!

Ответить
Stefan Catalin
Stefan Catalin - 06.08.2022 19:32

How you deal if some content on the active page will be behind the Navigator ?

Ответить
Nicolas Dhaene
Nicolas Dhaene - 04.08.2022 18:56

thanks a lot for the tutorial. How would you have the post button dissapear when focused?

Ответить
Barış ÖNURME
Barış ÖNURME - 02.08.2022 21:00

Feeling safe when you start playing video and hear the accent:)

Ответить
iLikeCarrots
iLikeCarrots - 15.07.2022 01:40

great content!! Thanks a mil!

Ответить
Stanisław Jarocki
Stanisław Jarocki - 14.07.2022 12:32

NOTE:
- In Tab.Navigator change:
"tabBarOptions" => "screenOptions"
- To style Tab.Navigator use:
screenOptions={{tabBarStyle: {postion: "absolute",},}}

Ответить
kun fun
kun fun - 08.07.2022 19:07

nice tutorial

Ответить
Bosco Kuttikatt
Bosco Kuttikatt - 29.06.2022 18:19

Hey thanks it's was helpful but after build the apk size became 125 mb. How to reduce it, as I have only added bottom nav bar till now.

Ответить
Amazing world shorts
Amazing world shorts - 21.06.2022 18:53

Very useful information

Ответить
Nghĩa Nguyễn
Nghĩa Nguyễn - 13.06.2022 12:58

Hello sir, i hope you should give more link to dow lib in construction

Ответить
Никита
Никита - 07.06.2022 21:55

custom bottom navigator (only custom colors and styles of completed navigator from npm package xd)

Ответить
Muhammad Shiraz
Muhammad Shiraz - 31.05.2022 10:32

Bro code github per
tu upload kr du help hoo jaay gi kuch

Ответить
J HA
J HA - 27.05.2022 13:43

good tutorial and good explanation ,
use ..... screenOption insted of tabBarOptions.

Ответить
Joseph Lumpkin
Joseph Lumpkin - 18.05.2022 04:48

Thank you so much! I was having trouble finding a tutorial that uses the react native cli instead of expo.

Ответить
J T
J T - 11.05.2022 19:31

The button is not fully functional. The overlapping part of the button above the bottom tab navigator does not register the onPress event.

Ответить