[React Navigation] #5 Tạo slide menu với Drawer Navigator

preview_player
Показать описание
Tạo Slide Menu với Drawer Navigator

- Hướng dẫn tạo Slide Menu.
- Kết hợp với Stack và Tab Navigator.
- Custom DrawerView
- Tạo nút bấm hamberger để mở Slide Menu.
  1. Skylab
  2. react native co ban
  3. huong dan react native
  4. tu hoc react native
  5. redux
  6. skylab
Рекомендации по теме
[React Navigation] #5 0:14:23

[React Navigation] #5 Tạo slide menu với Drawer Navigator

React Navigation 5: 0:14:25

React Navigation 5: Cài đặt, Sử dụng, Stack Navigator 2020

Slide In Drawer 0:13:19

Slide In Drawer Navigation in React Native

React Navigation Drawer 0:05:22

React Navigation Drawer Navigator explained in 5 minutes

Custom Drawer Navigator 0:18:46

Custom Drawer Navigator in React Navigation v5 Tutorial

Tab Navigators in 0:11:39

Tab Navigators in REACT NAVIGATION 5 - #2

How to Use 0:29:12

How to Use React Navigation 5 in React Native (Part 1) - Navigators

React Navigation 5 1:03:50

React Navigation 5 Complete Tutorial - React Navigation made easy | Bottom Tabs | Side Drawer

Drawer Navigator: Basic 0:03:50

Drawer Navigator: Basic Setup | Master React Navigation v5

#5 React Native 0:02:58

#5 React Native - React Navigation | Drawer Navigator

#5 Drawer Navigation 0:15:00

#5 Drawer Navigation in React Native | React Native Tutorial | React Navigation Merge Stack & Dr...

React Navigation 5: 0:12:10

React Navigation 5: Tab Navigator, Custom Tabbar 2020

Drawer Navigator: Options 0:02:56

Drawer Navigator: Options | Master React Navigation v5

Shared Element Transitions 0:21:38

Shared Element Transitions with React Navigation 5 | Blog App

React Navigation 5 0:21:09

React Navigation 5 in React Native (Part 2) - Hooks and Themes

Hands on Stack 0:09:31

Hands on Stack Navigator | push(), pop(), replace(), pushToTop(), navigate() | React Navigation 5.x

Drawer menu screen 0:51:54

Drawer menu screen transitions using react-navigation v5 - React Native

#29 React Native 0:23:01

#29 React Native Custom Drawer Navigator | React Navigation 5

Introduction | Master 0:00:46

Introduction | Master React Navigation v5

React Native Tutorial 0:07:26

React Native Tutorial - 78 - Drawer Navigation

react navigation stack 0:22:22

react navigation stack navigator with example

react navigation tab 0:31:24

react navigation tab navigator with examples

🔵 Custom Navigation 0:15:03

🔵 Custom Navigation Transition | Card Transition Animation | React-Navigation v6/5

Custom Drawer Navigator 0:21:06

Custom Drawer Navigator in React Navigation 6

Комментарии
Автор

Mấy này đọc tài liệu thì được, ad hướng dẫn mấy cái nâng cao đi, kiểu như navigate những nhiều nest compoent đi ad

evisng
Автор

khi mình vuốt sang phải thì nó cũng hiện slide menu ra, có cách nào để tắt cái này không anh

longnguyentien
Автор

Trong file SlideMenuScreen.js, tạo vài đường link như TouchableOpacity, thì làm sao gọi được navigatior?

vohoangduy
Автор

Cái này nhấn tab Detail thì ko còn header home sao keep cái menu home cho all tabs

HoongNhut
Автор

Làm sao để thay đổi menu truyền vào contentComponent vậy anh?. Trên menu có tên user, làm sao để khi update thông tin thì openDrawer sẽ update thông tin mới của user trên menu?

nhitranminh
Автор

chưa kết hợp react-navigation vói redux a nhỉ :D

ngoclichtran
Автор

Ngay chổ: {
contentComponent: props => <SlideMenu {...props} />
}
Tại sao mình bị lỗi: TypeError: Cannot read property 'routeName' of undefined

namquoc
Автор

FYI you should correct drawer word. :D

jackvu.hustle
Автор

Great can you post more video like that

manojbhardwaj