Momo Header Animation - React Native

[@kenhcuatrungnguyen]

Cảm ơn bạn đã chia sẻ tutorial này, bạn giải thích cũng rất cặn kẽ và dễ hiểu, mong rằng sẽ có nhiều hơn những video như này từ bạn

[@yipchanneldesigner]

mình đợi video này hổm nay luôn

[@tuannguyenthai]

sao anh không làm thêm video nữa đi ạ ít có kênh nào tiếng việt làm nội dung chất lượng

[@MinhTechie]

@@tuannguyenthai sang năm anh sẽ cố gắng làm lại nha em 😔

[@tuannguyenthai]

@ làm project to luôn đi anh :))

[@LongThanh-rz2yi]

Đã thử và thấy cách tạo này làm tạo thêm 1 lớp phủ che đi các button => không thể ấn được các button trên Header

[@vandat3471]

đúng rồi bạn có cách nào xử lý cái này ko

[@VUTRUONGSINH-rz9xc]

bạn có thể làm bằng cách tạo 1 thêm 1 list các button ảo, thêm animatied của thuộc tính = 0 là sẽ bấm đc, cách này hơi bùa chú :)))

[@minhthuanpham571]

chào b cho m hỏi chút ở 7:02 cái phần header nó chỉ đc hiển thị lên vì cái paddingforHeader nó ko có màu nhưng thực ra nó vẫn nằm bên dưới paddingforHeader vậy trog thực tế,chúng ta có chạm đc vào các icon rút tiền,... ko b nhỉ

[@VuongNguyen-kw3ke]

nếu làm theo cách này thì mấy icon đó không chạm được vì thực chất nó bị cái view trong suốt đè lên rồi

[@minhthuanpham571]

@@VuongNguyen-kw3ke vậy khắc phục sao đc b nhỉ

[@VuongNguyen-kw3ke]

@@minhthuanpham571 Mình cũng không biết giải thích sao, mình chỉ tham khảo xem cách chạy animation như nào rồi mình tự chế lại, chứ mình làm không giống momo, chỉ là cơ chế nó chạy lên giống v thôi. Bạn xem nguyên lý của nó rồi sửa làm sao cho mấy cái icon kia nó đè lên cái paddingforheader là được

[@nntsky]

zindex @@minhthuanpham571

[@trongtran7332]

mình thay bằng button thì bị header nó che ko click dc, này thì hướng xử lý như nào dc vậy bác

[@easywebdevelopment]

very creative thanks for sharing

[@MinhTechie]

thanks :D

[@top22Natyla]

Cái extension mà để show cái ảnh mình đang dùng khi mình dùng thẻ image là gì vậy bạn nhỉ

[@MinhTechie]

bạn search image preview trong vscode extension nha

[@khanhduy3364]

Hóng video từ ad 😄

[@MinhTechie]

share mạnh bạn ei 😁

[@quanghuy37934]

Video hay lắm. Cám ơn bạn nhé.

[@taiwodamilola8636]

Hi there, i need help, got some few issues with this animation on android. 🙏🏽

[@MinhTechie]

feel free to ask your questions here m.facebook.com/groups/minhtechie/

[@ruonchau5202]

a làm bottom sheet animation, không dùng thư viện bên ngoài chỉ dùng thử có sẵn của react native.

[@MinhTechie]

okay e ơi

[@MinhTechie]

nè e ơi kzbin.info/www/bejne/mJrVdYumq6xqd5o

[@darkbatka5701]

thank you man

[@vuongthevinh3208]

Đây r đợi mãi

[@MinhTechie]

😂 video dài quá nên edit lâu bạn ạ

[@0canten754]

Em đã làm thử và thấy animation không được mượt khi mình scroll lên hoặc xuống với 1 vận tốc nào đó, kiểu như vuốt nhanh lên hoặc xuống.

[@buiquangminh6697]

anh để onScrollEndDrag nên khi scroll thì chỉ kéo đến vị trí thứ y = 100 thôi, em muốn scroll xuống để truyền data thì ngoài cách bỏ cái onScrollEndDrag thì có cách nào sửa không ạ

[@MrHtrlee]

nice

[@hungoan7699]

Nhưng tại sao em làm theo nhưng thay Animated.View thành AnimatedTouchable click không được vậy anh

[@nguyenngoc8239]

video bổ ích á bạn

[@nguyenphp]

bạn ơi bạn có biết hiện tượng mà scroll xong header và cái list nó cứ bị giật giật ko

[@MinhTechie]

bạn vào group này đăng code và video mô tả lỗi mình xem nhé facebook.com/groups/minhtechie

[@MinhTechie]

mấy cái icon nhìn kỹ hơi lệch các bạn nhỉ 😅

[@QuanNguyen-zi7yl]

6:05