{"repo":"mrousavy/react-native-nitro-image","free":true,"listed":false,"github":"https://github.com/mrousavy/react-native-nitro-image","clone":"git clone https://github.com/mrousavy/react-native-nitro-image.git","description":"🖼️ A superfast in-memory Image type and view component for React Native, built with Nitro!","language":"TypeScript","stars":639,"topics":["crop","download","fast","image","native","network","nitro","react","react-native","resize"],"license":"MIT","category":"mobile-apps","readme_excerpt":"Nitro Image is a superfast Image core type and view component for React Native, built with Nitro! - Powered by Nitro Modules for highly efficient native bindings! 🔥 - Instance-based Image type with byte-buffer pixel data access 🔗 - Supports in-memory image operations like resizing and cropping without saving to file 📐 - Supports deferred ImageLoader types to optimize for displaying large lists of Images ⏳ - Fast Web Image loading and caching using SDWebImage (iOS) and Coil (Android) 🌎 - ThumbHash support for elegant placeholders 🖼️ Installation Install react-native-nitro-image from npm: [!NOTE] Since NitroImage is built with Nitro Views, it requires the new architecture to be enabled. Web Images To keep NitroImage super lightweight, it does not ship a web image loader and caching system. If you want to load images from the web, install react-native-nitro-web-image as well: Then, since SDWebImage does not enable modular headers for static linkage, you need to enable those yourself in your app's Podfile : Usage Creating Image s The simplest way to load an Image is to use the exported loadImage(…) method: [!NOTE] Local File APIs ( filePath: ... ) use filesystem paths, not file:// URLs. To load a local file with the Web Loader, pass it to url: ... with a file:// prefix. Under the hood, this uses the native methods from Images or WebImages : Creating a blank Image Additionally, you can also create a new blank Image: If you want to fill the blank image with a specific backgrou","default_branch":null,"files":null,"tree":[],"storefront":"/r/mrousavy","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/mrousavy/react-native-nitro-image/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}