Tất cả các thuộc tính css

Với React Native, bạn tạo kiểu cho ứng dụng của mình bằng JavaScript. Tất cả các thành phần cốt lõi đều chấp nhận một chỗ dựa có tên là

26. Tên kiểu và giá trị thường khớp với cách CSS hoạt động trên web, ngoại trừ tên được viết bằng cách sử dụng cách viết hoa lạc đà, v.v. g.

27 thay vì

28

Prop

26 có thể là một đối tượng JavaScript cũ đơn giản. Đó là những gì chúng tôi thường sử dụng cho mã ví dụ. Bạn cũng có thể chuyển một mảng các kiểu - kiểu cuối cùng trong mảng được ưu tiên, vì vậy bạn có thể sử dụng kiểu này để kế thừa các kiểu

Khi một thành phần ngày càng phức tạp, việc sử dụng

30 để xác định một số kiểu ở một nơi thường sẽ gọn gàng hơn. Đây là một ví dụ

Một mẫu phổ biến là làm cho thành phần của bạn chấp nhận một giá trị

26, từ đó được sử dụng để tạo kiểu cho các thành phần con. Bạn có thể sử dụng điều này để tạo kiểu "xếp tầng" theo cách chúng thực hiện trong CSS

Có rất nhiều cách khác để tùy chỉnh kiểu văn bản. Kiểm tra tài liệu tham khảo thành phần Văn bản để biết danh sách đầy đủ

Bây giờ bạn có thể làm cho văn bản của bạn đẹp. Bước tiếp theo để trở thành chuyên gia phong cách là học cách kiểm soát kích thước thành phần

Tài liệu này xác định các quy tắc định dạng và kiểu cho HTML và CSS. Nó nhằm mục đích cải thiện sự hợp tác, chất lượng mã và cho phép cơ sở hạ tầng hỗ trợ. Nó áp dụng cho các tệp thô, đang hoạt động sử dụng HTML và CSS, bao gồm các tệp GSS. Các công cụ được tự do làm xáo trộn, thu nhỏ và biên dịch miễn là chất lượng mã chung được duy trì

Tổng quan

Quy tắc phong cách chung

giao thức

Sử dụng HTTPS cho các tài nguyên được nhúng nếu có thể

Luôn sử dụng HTTPS [

Home

Home

0

Tuyên bố dừng

Sử dụng dấu chấm phẩy sau mỗi khai báo

Kết thúc mọi khai báo bằng dấu chấm phẩy vì lý do nhất quán và khả năng mở rộng

Home

1

Home

2

Tên tài sản Dừng lại

Sử dụng khoảng trắng sau dấu hai chấm của tên thuộc tính

Luôn sử dụng một khoảng trắng giữa thuộc tính và giá trị [nhưng không có khoảng trắng giữa thuộc tính và dấu hai chấm] vì lý do nhất quán

Home

3

Home

4

Tách khối khai báo

Sử dụng khoảng trắng giữa bộ chọn cuối cùng và khối khai báo

Luôn sử dụng một khoảng trắng giữa bộ chọn cuối cùng và dấu ngoặc mở bắt đầu khối khai báo

Dấu ngoặc mở phải nằm trên cùng một dòng với bộ chọn cuối cùng trong một quy tắc nhất định

Home

5

Home

6

Bộ chọn và Tách Tuyên bố

Tách các bộ chọn và khai báo bằng các dòng mới

Luôn bắt đầu một dòng mới cho mỗi bộ chọn và khai báo

Home

7

Home

8

Tách quy tắc

Tách các quy tắc bằng các dòng mới

Luôn đặt một dòng trống [ngắt hai dòng] giữa các quy tắc

Home

9

Dấu ngoặc kép CSS

Sử dụng dấu ngoặc đơn [

17] thay vì dấu ngoặc kép [

16] cho bộ chọn thuộc tính và giá trị thuộc tính

Không sử dụng dấu ngoặc kép trong giá trị URI [

24]

Ngoại lệ. Nếu bạn cần sử dụng quy tắc

25, hãy sử dụng dấu ngoặc kép—không được phép sử dụng dấu ngoặc kép

0

1

Nhóm các phần theo nhận xét phần [tùy chọn]

Nếu có thể, hãy nhóm các phần biểu định kiểu lại với nhau bằng cách sử dụng nhận xét. Các phần riêng biệt với các dòng mới

2

lời chia tay

Hãy nhất quán

Nếu bạn đang chỉnh sửa mã, hãy dành vài phút để xem mã xung quanh bạn và xác định phong cách của nó. Nếu họ sử dụng khoảng trắng xung quanh tất cả các toán tử số học của họ, thì bạn cũng nên. Nếu nhận xét của họ có các hộp dấu thăng nhỏ xung quanh, hãy làm cho nhận xét của bạn cũng có các hộp dấu thăng nhỏ xung quanh chúng

Mục đích của việc có các hướng dẫn về phong cách là có một vốn từ vựng chung về viết mã để mọi người có thể tập trung vào những gì bạn đang nói hơn là vào cách bạn nói. Chúng tôi trình bày các quy tắc phong cách toàn cầu ở đây để mọi người biết từ vựng, nhưng phong cách địa phương cũng rất quan trọng. Nếu mã bạn thêm vào một tệp trông khác hẳn so với mã hiện có xung quanh nó, nó sẽ khiến người đọc mất nhịp khi họ đọc nó. Tránh điều này