React Native Masonry screenshot

React Native Masonry

Author Avatar Theme by Brh55
Updated: 16 Jun 2019
1369 Stars

:raised_hands: A pure JS react-native component to render a masonry~ish layout for images with support for dynamic columns, progressive image loading, device rotation, on-press handlers, and headers/captions.

Categories

Overview

React Native Masonry is an impressive component tailored for developers who want to create visually appealing, masonry-style layouts for images in their React Native applications. This pure JavaScript library simplifies the process of implementing a dynamic column layout that can adjust to various screen sizes and orientations, making it an excellent choice for mobile applications that require flexibility and responsiveness.

With features like progressive image loading and customizable on-press handlers, React Native Masonry not only enhances the user experience but also provides developers with the tools they need to create engaging interfaces. Whether you’re displaying a gallery of images or showcasing content in a unique way, this component is designed to enhance the aesthetic appeal and functionality of your project.

Features

  • Dynamic Columns: Automatically adjust the number of columns based on screen size for optimal layout.
  • Progressive Image Loading: Images load progressively to ensure a smooth user experience, minimizing wait times.
  • Device Rotation Support: Seamlessly adjusts to changes in device orientation, maintaining a responsive layout.
  • On-Press Handlers: Allows for custom actions when images are pressed, enhancing interactivity within the application.
  • Headers and Captions: Easily include headers and captions for images, providing additional context and information.
  • Pure JavaScript Implementation: Built with pure JS, ensuring compatibility and ease of integration into any React Native project.