Lý do mình dùng translateY mà không dùng height là vì height sẽ cần interpolate để map từ dy ra height tương ứng và height thì không dùng useNativeDriver true được

it was so helpful tutorial. Thank you so much

Great video. Very helpful.

Thanks!

mỗi video bạn đều phân tích kĩ như thế này thật hay quá, học được biết bao nhiêu thứ để cải thiện kỹ năng. Mong bạn ra nhiều video như thế này nữa.

@MinhTechie

Жыл бұрын

cảm ơn bạn :D bạn share video để ủng hộ mình nhé

hay lắm bạn, mong chờ video tiếp theo của bạn

very useful my friend, I will use this for an app im working on. thank you a lot

@MinhTechie

Жыл бұрын

cool! I'm glad you can understand the video without subtitles

hay lắm anh ơi from nhóm của anh :3

Amazing tutorial

@MinhTechie

Жыл бұрын

thanks man

all the time i was reading what you type and was thinking that you talk in english, i didn't realise until the end

life saver 🙂

@MinhTechie

Жыл бұрын

thanks bro. Fortunately for us there's already a well-built library for this :)

Mong anh ra video thả reaction như facebook !

Anh có định làm thêm các bài nâng cao về BottomSheet không ạ? Ví dụ như về việc conflict gesture của PanGesture với 1 cái ScrollView ở bên trong, vấn đề này em tìm hiểu mãi nhưng chưa làm được :(

@MinhTechie

Жыл бұрын

ok bạn mình sẽ note lại để mốt làm video

What if I want dynamic height of the sheet? Depending on content height inside the sheet

@bismarkcodes

Жыл бұрын

in that case, try using minHeight instead

How to move modal from everywhere, and not only from the dragHandle ?. Although it close if you doubleClick on it. How to fix it ?

@MinhTechie

Жыл бұрын

You can try to add the PanResponder to the whole modal instead of just the handle. I haven't tried the double click but I guess nobody does that 😅

Kiến thức bổ ích quá. Anh ra video kết hợp Bottom Sheet dùng với Flatlist được không ạ?

@MinhTechie

Жыл бұрын

sẽ có e nhé

Could you explain how implement logic when draggable sheet doesn’t move outside of screen or another view, but instead draggable area moves above content and hide content w/o moving content inside sheet. It’s like behaviour when user sees content inside that sheet closer to screen edge faster than content that closer to screen center when you uncover the sheet

@MinhTechie

Жыл бұрын

sorry I don't get what you mean

@awakeupcall5336

Жыл бұрын

​@@MinhTechie imagine picture inside of bottom sheet. it's face of man. your case - when you pull it up, you see firstly hair and eyes. Instead, my case - when you pull it up you see firstly chin and lips and kinda uncover the rest face like from curtain. The image itself is static and doesn't move

Cho em hoi la react native so voi flutter hien tai thi cai nao hon a

@MinhTechie

Жыл бұрын

so sánh react native với flutter cũng giống so sánh angular với react e ạ. mỗi cái có cái hay cái dở riêng không cái nào hơn hẳn cái nào

đỉnh quá bác ơi. viết được như này bác đã bỏ ra bao nhiều tgian, bắt đầu từ nghiên cứu đến lúc code xong ạ?

@MinhTechie

Жыл бұрын

khoảng vài ngày á bạn ơi. ban đầu thì mình tính xài height nhưng sau đó thấy translateY hợp hơn

Is it possible to set the whole screen to be draggable overruling the content in the view itself? Instead of having the bar you can you just place your finger anywhere and it will react even if there is a button underneath?

@MinhTechie

Жыл бұрын

yeah it's totally possible. You can try to wrap the whole view with PanResponder instead of just the bar. I haven't tried so not sure how it works. Things might get complex if you have a ScrollView inside the sheet so I prefer to have only the bar draggable

@ItsDaiko

Жыл бұрын

@@MinhTechie How could you implement a bottom screen which has 3 states? so the bottom one. then a mid and a top? which would be +- 95% of the screen?

Can you Share Source Code link ?

@MinhTechie

Жыл бұрын

github.com/juniorforlife/react-native-animations. Don't forget to give it a star :D

hay quá bạn à, lập trình viên react hơn nhau ở chỗ làm animation

@MinhTechie

Жыл бұрын

ngoài animation còn nhiều thứ dev cần giỏi lắm bạn :D