Trung BìnhReact Native iconReact Native

Image caching trong RN — khi nào dùng `expo-image` / `FastImage`?

<Image> core trong RN có cache rất cơ bản: iOS dùng NSURLCache (limit 20MB default), Android dùng OkHttp memory cache. Không có disk cache mạnh, không có placeholder/blur, không có priority queue. Hậu quả: list ảnh lớn → reload từ network khi user scroll lên/xuống nhiều lần, RAM spike.

expo-image (recommended 2026):
- Dùng SDWebImage (iOS) + Glide (Android) bên dưới — cache mạnh, disk + memory.
- Hỗ trợ placeholder (blurhash, thumbnail), transition, contentFit (như CSS object-fit).
- Hỗ trợ format mới: AVIF, WebP, GIF, animated WebP.
- Cài qua Expo (dùng được cả bare workflow).

react-native-fast-image (lib cũ hơn): cũng dùng SDWebImage/Glide, có priority/headers/cache control. Maintain chậm dần khi expo-image phổ biến.

Khi nào dùng image core: ảnh local nhỏ (icon, logo). Khi nào nâng cấp: bất kỳ list/feed/gallery có ảnh remote >50 items, hoặc cần placeholder để chống layout shift.

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

Mở danh sách React Native