[Học React Native Project Based 2021] Bài 13: KeyboardAwareScrollView | react native example

[Học React Native Project Based 2021] Bài 13: KeyboardAwareScrollView

ชมวิดีโอด้านล่าง

นอกจากการดูบทความนี้แล้ว คุณยังสามารถดูข้อมูลที่เป็นประโยชน์อื่นๆ อีกมากมายที่เราให้ไว้ที่นี่: ดูความรู้เพิ่มเติมที่นี่

Tham khảo:
KeyboardAwareScrollView: https://github.com/APSL/reactnativekeyboardawarescrollview.
Hướng dẫn thiết kế giao diện thay đổi khi bàn phím được bật lên: https://www.freecodecamp.org/news/howtomakeyourreactnativeapprespondgracefullywhenthekeyboardpopsup7442c1535580.
Chú ý:
Để cài yarn sử dụng lệnh sau (gõ ở thư mục nào cũng được vì là cài global, cài 1 lần để sử dụng cho nhiều project): 
npm install g yarn
Trên Android thì đã có sẵn chức năng tương tự rồi, chỉ cần cấu hình thêm cho Android. Tuy nhiên project này sử dụng Expo họ đã cấu hình sẵn cho mình và không cho phép mình tùy chỉnh cấu hình cho platform. Sau này khi chuyển qua dùng React Native CLI chúng ta sẽ phải tự cấu hình.
Thư viện React Native Keyboard Aware Scroll View hỗ trợ tốt hơn cho iOS, với Android thì hạn chế hơn, xem thêm chú thích ở đây: https://github.com/APSL/reactnativekeyboardawarescrollviewandroidsupport.
Nếu trong KeyboardAwareScrollView cần xử lý sự kiện bấm nút khi keyboard đang mở thì cần thêm thuộc tính này vào keyboardShouldPersistTaps=\”handled\”.

Trải nghiệm học đầy đủ hơn (document, attachment, tip trick, quiz, …) tại:
https://techmaster.vn/khoahoc/38y/laptrinhdidongdanentangreactnativeonlinecapnhat2021.
Hoặc học Offline trực tiếp tại trung tâm: https://techmaster.vn/khoahoc/kqp/laptrinhdidongdanentangreactnativecapnhat2021.
techmaster react_native

LCRN EP8 – Food Delivery App – React Native UI

ชมวิดีโอด้านล่าง

In this episode of \”Let’s Code React Native\” series, we are going to build a good looking Food Delivery App based on the design created by ILia on Dribbble.
►How to generate Google Maps API Key for Mobile App?
https://www.byprogrammers.com/2020/11/howtogenerategooglemapsapikeyformobileapp/
►How to integrate Google Maps in React Native App?
https://www.byprogrammers.com/2020/11/howtointegrategooglemapsinreactnativeapp/
►Source Code: https://shop.byprogrammers.com/project/fooddeliveryapp
►Expo Source Code: https://shop.byprogrammers.com/project/fooddeliveryappexpo
►Social Media:
Facebook: https://bit.ly/ByProgrammersFacebook
Instagram: https://bit.ly/byProgrammersIG
►Design: https://dribbble.com/shots/14527824FoodDeliveryMobileApp
►Music:
Song: JayJen \u0026 Roa Paradise
Music provided by Vlog No Copyright Music.
Creative Commons Attribution 3.0 Unported
Video Link: https://youtu.be/9svCoqbvUU
► Timestamps
0:00 Introduction
1:20 Project Setup
5:15 Screens Setup
10:20 Bottom Tab Navigation
27:30 Home Screen
58:00 Restaurant Screen
1:40:35 Order Delivery Screen
1:41:40 Install reactnativemaps
Thanks for watching! Make sure to like and subscribe for more videos like this!

🔴 Travel App UI Using React Native – Speed Code | DeCode

ชมวิดีโอด้านล่าง

Today we will create Travel App UI with React Native. In this video we are going to use React Navigation 4,
Source code: https://github.com/Mintegrace/ReactnativetravelAppui
Music from Soundcloud
Music provided by RFM: https://youtu.be/aVSLV8KMwPQ
DeCode
Thanks for watching!
Make sure to like + Subscribe For More!

Top signs of an inexperienced programmer

ชมวิดีโอด้านล่าง

The ExGoogle Tech Lead tells you how to spot a newbie inexperienced software developer. Get your free audio book at http://audibletrial.com/techlead
This video is recommended for all new engineers. I recommend you add it to your internal team wiki as part of your onramping process.
Every new programmer exhibits certain characteristics that are easily identifiable. It’s this nauseating scent of prepubescent fear and putrid sweat that experienced engineers can identify simply by reviewing your garbage code. The first step is to recognize the problem (you) and to admit that you need some serious help.
CLARIFICATION: Some people asked, but I say \”diffs\” in the video. \”Diffs\” refer to \”diff patches\” or \”code pull requests\” when you submit code for review.
Join exGoogle/exFacebook engineers for my coding interview training: https://techinterviewpro.com/
🚀🌕 Million Token: https://milliontoken.org/
💻 100+ Videos of programming interview problems explained: https://coderpro.com/
💻 Sign up for my FREE daily coding interview practice: http://dailyinterviewpro.com/
📷 Learn how I built a $1,000,000+ business on YouTube: http://youtubebackstage.com/
💵 Get 2 FREE Stocks on WeBull valued up to $1850 (when you deposit $100): https://act.webull.com/k/S4oOH2yGOtHk/main
🛒 All my computer/camera gear: https://www.amazon.com/shop/techlead
🎁 Get the TechLead wallet (ultra thin) on Amazon: https://amzn.to/3eGPWbB
⌨️ My favorite mechanical keyboard (80 series): http://iqunix.store/techlead
🎉 Party up:
https://instagram.com/techleadhd/
https://twitter.com/techleadhd/
https://www.linkedin.com/in/techleadhd/
Disclosure: Some links are affiliate links to products. I may receive a small commission for purchases made through these links.
techlead

[Học React Native Project Based 2021] Bài 2: Tạo project bằng Expo CLI

ชมวิดีโอด้านล่าง

Tham khảo:
Tài liệu của Expo: https://docs.expo.io.
Expo CLI: https://docs.expo.io/workflow/expocli.
Chú ý: Khi test app trên thiết bị thật (dùng app Expo) thì khi cần reload lại app (ví dụ mất kết nối đến server) chỉ cần lắc điện thoại và chọn Reload từ menu hiện ra. Còn trên máy ảo Android thì bật menu dev bằng bấm phím Ctrl+M (hoặc Cmd+M trên iOS), trên máy ảo iOS thì dùng phím Cmd+D.

Trải nghiệm học đầy đủ hơn (document, attachment, tip trick, quiz, …) tại:
https://techmaster.vn/khoahoc/38y/laptrinhdidongdanentangreactnativeonlinecapnhat2021.
Hoặc học Offline trực tiếp tại trung tâm: https://techmaster.vn/khoahoc/kqp/laptrinhdidongdanentangreactnativecapnhat2021.
techmaster react_native

นอกจากการดูหัวข้อนี้แล้ว คุณยังสามารถเข้าถึงบทวิจารณ์ดีๆ อื่นๆ อีกมากมายได้ที่นี่: ดูบทความเพิ่มเติมในหมวดหมู่INVESTMENT