Tạo style View components React Native (phần 5)

Thiết lập các đặc tính border

Áp dụng một màu nền vào một component hoàn toàn làm nó nổi bật, nhưng không có một đường border bó lề của
component, nó sẽ trông như component đang trôi trong không gian. Một vạch rõ ràng giữa các components sẽ
giúp người dùng hiểu làm cách nào tương tác với ứng dụng mobile của bạn.
Thêm một border quanh một component là cách thức tốt nhất để cung cấp các phần tử màn hình một cảm giác thực, cụ
thể. Có một vài đặc tính border, nhưng về mặt khái niệm chỉ có 4:borderColor, borderRadius, borderStyle, và
borderWidth. Các đặc tính này áp dụng cho component như tổng thể.
Cho color và width, có các đặc tính riêng rẽ cho mỗi cạnh của border:borderTopColor, borderRightColor,
borderBottomColor, borderLeftColor, borderTopWidth, borderRightWidth, borderBottomWidth, và borderLeftWidth. Cho
border radius, có các đặc tính cho mỗi corner: borderTopRightRadius, border-BottomRightRadius, borderBottomLeftRadius,
và borderTopLeftRadius. Nhưng chỉ có một borderStyle.

Chia sẻ