High Definition Standard Definition Theater
Video id : 3p9LtOUg5fw
ImmersiveAmbientModecolor: #e4dbe2 (color 1)
Video Format : 22 (720p) openh264 ( https://github.com/cisco/openh264) mp4a.40.2 | 44100Hz
Audio Format: Opus - Normalized audio
PokeTubeEncryptID: 2d0fc89640c40c44e0e44c2dfc4e3b17c50685eb3d69699feb904774ecd1ae74db79e1373cca50e4dc036509e80e364c
Proxy : eu-proxy.poketube.fun - refresh the page to change the proxy location
Date : 1715362599769 - unknown on Apple WebKit
Mystery text : M3A5THRPVWc1ZncgaSAgbG92ICB1IGV1LXByb3h5LnBva2V0dWJlLmZ1bg==
143 : true
Expo Router Drawer Navigation with Custom Menu
Jump to Connections
11,625 Views β€’ Dec 19, 2023 β€’ Click to toggle off description
In this tutorial, we will learn how to implement drawer navigation with Expo Router - but we won't stop with the basic layout! We will customise the default menu and create our own React Native menu with avatar and footer.

πŸ”₯ Learn React Native FAST: galaxies.dev/
πŸ‘¨β€πŸ’» Full tutorial: galaxies.dev/expo-router-drawer-navigation

#############################

❀️ You can also find me on:
Twitter: twitter.com/schlimmson
Instagram: instagram.com/simongrimm_

#############################

00:00 Drawer Navigation Setup
04:57 Custom Drawer Items
08:22 Drawer from Code
11:27 Custom Drawer Menu Content
24:03 Using Drawer St
Metadata And Engagement

Views : 11,625
Genre: Science & Technology
Date of upload: Dec 19, 2023 ^^


Rating : 4.988 (1/328 LTDR)
RYD date created : 2024-05-10T16:13:47.449389Z
See in json
Tags
Connections

YouTube Comments - 35 Comments

Top Comments of this video!! :3

@MrMads-yi2hh

6 days ago

I love this video:eyes-pink-heart-shape: and this is my first comment on YouTube video in 8 years.

|

@davidebranchi1997

4 months ago

Since I develop for mobile apps I have always used React-Navigation. Watching your videos I started playing around with Expo Router and I'm having so much fun that I risk missing some work deliveries πŸ˜‚ Great channel anyway, keep up the good work!

9 |

@EliZevin

1 month ago

thank you for this.

1 |

@DeakonJim

4 months ago

I want to use both stack and drawer, can you make a video on that please? I’ve looked at the docs but I seriously cannot understand it. I have a custom header component I’m using in the stack screens, and want to also use custom drawer component for the drawer.

2 |

@abelmurua6980

3 months ago

Amazing videos!

1 |

@michaelseaman7020

2 weeks ago

I see you've posted that the source code is in the blog post, but could you just post a link? Thank you for your videos

|

@codeBUG1534

4 months ago

Sir this was an amazing video on the topic I wanted on react native. So, i want to request to make more interesting videos on Expo React native 😊

|

@amanrohilla4435

4 months ago

Can you please make a video on how to make a reorderable/sortable/draggable flatlist in react native similar to a organisable queue in music player app. I've surfed the web but couldn't find anything performant.

|

@korajagdish6209

4 months ago

Hey Simon. i have a query, am working on mobile applications, so i want to build Angular-ionic (Capacitor) project and it should be totally offline with sql lite database. Can u please suggest me how the process should be and what all should i want to install for the perfect working of the project. Thanks in advanceπŸ™‚πŸ™‚.

|

@guilhermemm-dev

4 months ago

What is the emulator config(phone/api etc...) you are using please?

|

@khuslenuujii2761

2 months ago

Hi, using drawer with modal having some issue when opening modal, behind screen shows thats drawer section

|

@anthonyzammit4088

1 week ago

How do i remove a drawer screen from the drawer?

|

@JokeBookGames

4 months ago

How does it look on web :o

1 |

@davidsosa5940

4 weeks ago

how can I have that mobile screen?

|

@SandraWantsCoke

2 months ago

For me Drawer content NEVER hot reloads (even using just react navigation without expo router), I always have to manually CTRL+R. And if your drawer like mine is nested deep inside some protected route, you can think how annyoing it is to constantly navigate towards that place only to find out that things are misaligned and you have to CTRL+R again (CMD+R mac)

|

@MarlonEnglemam

2 days ago

no matter what I do the content doesnt show up in the menu! Is anyone stuck with the same issue?

|

@zenobiusztasak8604

2 months ago

You look so cool with that mustache!

1 |

@LukaJovanovic-bt6fr

2 weeks ago

How can i get drawer open/closed state

|

@jasonyap8535

3 months ago

I tried this but it didn't work. I've got all my imports correct, and the same code you have in your layout file but at 2:25 where the drawer menu appears, mine never shows up. Been trying to get it to work for days but have not succeeded. Compiles with no errors but I'm left with just a white screen.

1 |

@chaitanyasondur8483

3 months ago

I am getting this error. Can anyone help me with this please? ReanimatedError: Tried to synchronously call a non-worklet function on the UI thread. Possible solutions are: a) If you want to synchronously execute this method, mark it as a worklet b) If you want to execute this function on the JS thread, wrap it using `runOnJS`, js engine: reanimate

|

Go To Top