Cơ BảnReact Native iconReact Native

Khác biệt giữa `View`, `Text`, `Image`, `ScrollView` — mỗi cái dùng khi nào?

<View> là container cơ bản — tương đương <div> web, không có default text rendering. Dùng cho mọi layout block (row/column).

<Text>bắt buộc cho mọi chuỗi ký tự. Hỗ trợ numberOfLines, ellipsizeMode, font style, lồng <Text> con để inline format.

<Image source={{ uri }} /> (remote) hoặc <Image source={require('./logo.png')} /> (local). Phải set width/height rõ ràng cho remote — không có intrinsic size như HTML.

<ScrollView> cho nội dung ngắn, render toàn bộ children ngay lập tức. Không dùng cho list dài (>20 items) vì không virtualize → memory leak, scroll lag. Dùng <FlatList> thay.

Quy tắc nhanh: container không text → View; text → Text; ảnh → Image; nội dung scroll cố định → ScrollView; list dữ liệu động → FlatList.

Xem toàn bộ React Native cùng filter theo level & chủ đề con.

Mở danh sách React Native