[Học React Native Project Based 2021] Bài 3: React Native Core Components
Tham khảo:
Giới thiệu về React Native Component: https://reactnative.dev/docs/intro-re....
Component trong ReactJS (Function Component và Class Component): https://reactjs.org/docs/components-a....
Danh sách các Core Components của React Native: https://reactnative.dev/docs/componen....
View Component: https://reactnative.dev/docs/view.
Text Component: https://reactnative.dev/docs/text.
Chú ý:
Khi dùng VS Code để lập trình thì có thể bật tính năng Auto Save để đỡ phải bấm Save bằng cách chọn menu File, tích chọn Auto Save.
Khi vẽ giao diện trên mobile dùng React Native thì nội dung sẽ hiển thị giống như trên web là từ trên xuống dưới và từ trái qua phải trên cùng mặt phẳng (trừ khi dùng một số style đặc biệt như position).
Đơn vị mặc định khi style là px (pixels) và khi khai báo thì không cần khai báo đơn vị mà chỉ khai báo dạng số.
Thực hành:
Thử vẽ giao diện ứng dụng Hello World tương tự như hình sau: https://bit.ly/3q2Xaut.
Gợi ý các thuộc tính CSS có thể dùng đến: color, backgroundColor, fontSize, fontWeight, fontStyle, textAlign, textTransform, textDecorationLine, marginTop, marginBottom, marginLeft, marginRight, marginVertical, marginHorizontal.
------------------------------
Trải nghiệm học đầy đủ hơn (document, attachment, tip trick, quiz, ...) tại:
https://techmaster.vn/khoa-hoc/38y/la....
Hoặc học Offline trực tiếp tại trung tâm: https://techmaster.vn/khoa-hoc/kqp/la....
#techmaster #react_native