Bài 1

Chúng ta sẽ sử dụng useState và khai báo 2 biến nhietdo và setnhietdo

Bên trong return sử dụng thẻ <View></View>

Bên trong thẻ view sẽ chứa thẻ text để chứa biên nhietdo và gọi style và đặt tên là Text

Để nút bấm được điều chỉnh them ý muốn chúng ta sẽ sử dụng TouchableOpacity

Sau đó khai báo như bên dưới để viết các thuộc tính cho từng view và button

Như paddingBottom thêm khoảng không gian bên trong hướng dưới thành phần
Sau đó gọi ra App.js để có thể hiển thị trên máy ảo
Bài 2
Bài này chúng ta sẽ dùng phương thức useState của hooks
Đầu tiên khai báo 2 biến mau và setMau

Sau đó sử dụng ramdom và thư viện math để viết ra hàm tạo ra màu ngẫu nhiên và gọi để thay đổi màu

Bên trong return thì có thẻ view và sử dụng touchableopacity để thiết kế nút bấm theo ý muốn

Khai báo hàm như bên dưới để sử dụng các thuộc thiết kế cho thẻ view

Như marginTop,alignItems…
Sau đó qua App.js gọi để hiển thị trên thiết bị ảo
Khi hiện trên máy ảo sẽ là màu trăng vì đã được thiêt lập mặc định là màu trắng

Và khi bấm vào nút bấm sẽ đổi thành màu ngẫu nhiên
Bài 3

Bài này chúng ta sẽ sử dụng props để truyền thông tin

Bên trong return tạo 1 thẻ view bên trong view sử dụng image để gọi hình ảnh

Khai báo thêm hàm const styles để sử dụng thuộc tính thiết kế lại bài theo tùy thích

Bên app.js tạo 1 thẻ view bên trong return và gọi lại status và truyền vào các tham số

Như hình dưới

Bài 4

Như bài trên chúng ta cũng sẽ sử dụng props

Bên trong return sử dụng thẻ view truyền bên trong là props.maunen và đặt tên là view
Bên trong thẻ view sẽ là thẻ text đặt tên là “ten” truyền bên trong thẻ text là props.ten

Bên ngoài return chúng ta khai báo const styles= stylesheet.creat

Để thêm thuộc tính thiết kế lại thẻ view và và thẻ text

Bên App.js

Chúng ta tạo 1 thẻ view

Và sau đó gọi lại thẻ Mau như bên dưới hình

Bên trong mỗi thẻ sẽ là những tên màu sắc và thuộc tính của chúng