react-native-masonry-list

  •        102

Allows creating masonry style list layouts in a performant way. This component leverages FlatList to render performant masonry layout lists. The main caveat right now is that it doesn't support measuring cells (yet) so you need to be able to provide the dimensions.

https://github.com/AppAndFlow/react-native-masonry-list

Tags
Implementation
License
Platform

   




Related Projects

react-native-masonry - :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

  •    Javascript

"Bricks" are the basic building block of the masonry and are passed into the props.bricks. They essentially represent the items within each column and require a uri property at a minimum. However, you can freely add additional properties to the data property if you need access to certain data within your brick.onPress handler and footer/header renderer. The following properties are available.

awesome-react-native-talks - :sunglasses: A curated list of talks about React Native or topics related to React Native

  •    Javascript

This is a curated list of talks about React Native or topics related to React Native that I enjoyed. I'll be updating this list whenever I've watched another talk that is worth adding. Suggestions are always appreciated through a pull request. Please take a look at the Contribution Guidelines beforehand. Also check out the awesome-react-native and open-source-react-native-apps repos.

react-masonry-component - A React.js component for using @desandro's Masonry

  •    Javascript

if you wish to have IE8 support, v2 with React 0.14 is the highest version available. To use the component just require the module.

react-native-branch-deep-linking - NPM module for integrating Branch deep linking with React Native apps

  •    Objective-C

This is a repository of our open source React Native SDK. The information presented here serves as a reference manual for the SDK. See the table of contents below for a complete list of the content featured in this document. Note that the react-native-branch module requires react-native >= 0.40.


react-native-bet - A growing list of organizations that are betting on React Native 💪🏿

  •    

A listing of companies (or teams) that use React Native in their apps. React Native is a framework for building native apps using React.

react-native-redux-groceries - A simple grocery list app with offline support, built with React Native, Redux, Firebase

  •    Javascript

A simple grocery list app using React Native, Redux, Firebase, and Async Storage for offline data. It works on both iOS and Android. Update config.js with your Firebase app credentials.

react-native-largelist - The best large list component for React Native.

  •    Javascript

react-native-largelist is released under the MIT license. See LICENSE for details.

react-native-netflix - React Native App from my video Course on Youtube

  •    Javascript

React Native App with the same style as Netflix for iOS. I released a serie of videos on Youtube with a walkthrough explaining every part of this application. A few components must be installed with react-native link check out the following list.

react-native-search-bar - The high-quality iOS native search bar for react native.

  •    Objective-C

The high-quality native iOS search bar for react native. For a full list of props check out the typescript definitions file.

rn-diff-purge - Easier React Native upgrades by clearly exposing changes from a version to another

  •    Shell

This repository exposes an untouched React Native app generated with the CLI npx react-native init RnDiffApp. Each new React Native release causes a new project to be created, removing the old one, and getting a diff between them. This way, the diff is always clean, always in sync with the changes of the init template. See table below for the complete list.

awesome-react-native - Awesome React Native components, news, tools, and learning material!

  •    Ruby

Have something that belongs under "Buzzing"? drop me a line: dotan[at]paracode.com. Conferences dedicated to React Native specifically. A listing of React general conferences can be found on the ReactJS site.

react-native-lightbox - Images etc in Full Screen Lightbox Popovers for React Native

  •    Javascript

navigator property is optional but recommended on iOS, see next section for Navigator configuration. For android support you must pass a reference to a Navigator since it does not yet have the Modal component and is not on the official todo list. See the Example project for a complete example.

react-native-swipe-list-view - A React Native ListView component with rows that swipe open and closed

  •    Javascript

Please see the section Migrating To FlatList for all details. Migrating to SectionList is very similar. Please see example.js for a full usage example.

react-native-sortable-listview - Drag drop capable wrapper of ListView for React Native

  •    Javascript

Drag drop capable wrapper of ListView for React Native. Allows for dragging and dropping of rows with automatic scrolling while dragging. See example.

mauerwerk - ⚒ A react-spring driven masonry-like grid with enter/exit and shared element transitions

  •    Javascript

These two would work outside the Grids context if you wanted to use them elsewhere. mauerwerk depends on react-spring and react-measure.

react-native-directory - A list of React Native libraries of various qualities that you can use with Expo managed workflow, and ones you can't

  •    Javascript

Native Directory is a website where you can see all of the libraries that are compatible with React Native. Note: If your package is within a monorepo on GitHub, eg: https://github.com/expo/expo/blob/master/packages/expo-web-browser, then the name, description, homepage, and topics (keywords) will be extracted from package.json for that subrepo. GitHub stats will be based on the monorepo, because there isn't really another option.

native-starter-kit - React Native Starter App with NativeBase + CodePush + Redux

  •    Javascript

Note: Shifted to React Navigation from React Native Router Flux in the master branch. React Navigation has become standard for navigation solution in React Native. We are just keeping up with the current trend. No need of reinventing the wheel. To have immediately something to continue building on, it would be best to start from some starter kit for getting React Native - based applications off the ground in a hurry.

react-native-magic-move - Create magical move transitions between scenes in react-native 🐰🎩✨

  •    Javascript

A follow up project called react-native-shared-element has been created which can be considered the successor to react-native-magic-move. It it an all native solution that provides superior performance (no more passes over the react-native bridge) and transitions. It however does not support some of the more exotic transition types (flip, shrinkAndGrow) that Magic Move does. It also doesn't support the web-platform yet and requires native extensions to run. New users are advised to use react-native-shared-element when possible. As for Magic Move, no more new developments will be started for Magic Move, merely critical bug-fixes. This notification will be updated as development on react-native-shared-element progresses. * The native extensions are recommended to get the best performance, but they are not required. This makes it possible to use react-native-magic-move with expo or react-native-web. If you're having trouble installing the native extensions, please see this guide on how to install them manually.