react-native-pdf-view - React Native PDF View

•    Objective-C

---

React native 0.40 moved iOS headers, thus all iOS react import statements has been changed. Use version 0.4.* for react native >=0.40. For earlier version see below breaking change. React native 0.19 changed the ReactProps class which led to problems with updating native view properties (see https://github.com/facebook/react-native/issues/5649). These errors are corrected in react-native-pdf-view version 0.2.0. Use version 0.2.* for react native >=0.19 and for earlier react native versions use version 0.1.3.

react-component react-native android ios pdf view

react-native-safari-view - A React Native wrapper for Safari View Controller.

•    Objective-C

---

React Native Safari View is a Safari View Controller wrapper for React Native. In order to use Safari View, you must first link the library your project. There's excellent documentation on how to do this in the React Native Docs.

react-native apple safari-view-controller safari react native webview web view safariview react-component react-native-component

react-native-activity-view - iOS share and action sheets for React Native

•    Objective-C

---

React Native Activity View is a React Native library for displaying iOS share and action sheets. In order to use Activity View, you must first link the library to your project. There's excellent documentation on how to do this in the React Native Docs.

react-native react native activity-view react-component react-native-component action-sheet share-sheet share sheet facebook twitter mail social airdrop

react-native-super-grid - Responsive Grid View for React Native

•    Javascript

---

Responsive Grid View for React Native. This component renders a Grid View that adapts itself to various screen resolutions.

react-native gridview grid listview responsive flatlist responsive-grid react native super view

react-native-social-share - Use the iOS and Android native Twitter and Facebook share popup with React Native https://github

•    Objective-C

---

Use the built-in share view from iOS and Android to let the user share on Facebook and Twitter. It will use the user's existing account without having to get new authorizations. You can even preset text, image and link for the share view. Let me know how it works.

react-native react twitter facebook popup share-popups slcomposeviewcontroller rctbridgemodule social react-component react-native-component mobile ui react-native-facebook react-native-twitter

react-native-tab-view - A cross-platform Tab View component for React Native

•    Javascript

---

A cross-platform Tab View component for React Native. This is a JavaScript-only implementation of swipeable tab views. It's super customizable, allowing you to do things like coverflow.

react-native pager-component swipeview swipe tabs tabbar react-native-component react-component ios android tab scrollable coverflow

react-native-baidu-map - Baidu Map SDK modules and view for React Native(Android & IOS), support react native 0

•    Objective-C

---

Baidu Map SDK modules and view for React Native(Android & IOS), support react native 0.40+. 百度地图相关模块和视图，支持react native 0.40+。

baidu-map react-native

react-native-parallax-scroll-view - A ScrollView-like component with parallax and sticky header support

•    Javascript

---

Note: For React Native 0.19.0 and earlier, you'll want to use react-native-parallax-scroll-view@0.17.4. Version 0.18.0 changes the scrolling API to be compatible with React Native 0.20.0. Please refer to the ListView example provided to see how ParallaxScrollView can be used in combination with ListView.

react-native react parallax scrollable scrollview sticky react-component ios android

react-native-photo-view - Pinch-to-zoom view for React Native (both iOS and Android)

•    Objective-C

---

Provides custom Image view for React Native that allows to perform pinch-to-zoom on images. Works on both iOS and Android. This component uses PhotoDraweeView for Android and MWPhotobrowser on iOS.

react-native react-component ios android gallery lightbox pinch pinch-to-zoom mobile

react-native-keyboard-spacer - Plug and play react-native keyboard spacer view.

•    Javascript

---

Plug and play iOS react-native keyboard spacer view. The view will automatically perform a layout animation when the keyboard appears or disappears.

keyboard react-native ios helper clean-code react-component spacer

react-native-invertible-scroll-view - An invertible ScrollView for React Native

•    Javascript

---

InvertibleScrollView is a React Native scroll view that can be inverted so that content is rendered starting from the bottom, and the user must scroll down to reveal more. This is a common design in chat applications and the command-line terminals. InvertibleScrollView also supports horizontal scroll views to present content from right to left. It conforms to ScrollableMixin so you can compose it with other scrollable components.

react-native invertible scroll-view

react-native-photo-browser - Local and remote media gallery with captions, selections and grid view support for react native

•    Javascript

---

A full screen image gallery with captions, selections and grid view support for react-native. Layout and API design are inspired by great MWPhotoBrowser library. The component has both iOS and Android support.

react-native photos react react-component photo-browser image-gallery media-gallery ios android

react-native-spotify-ui - Pure javascript UI prototype of iOS Spotify for React Native framework.

•    Javascript

---

Pure javascript prototype of iOS Facebook UI for React Native framework. This demo only includes the landing page. I will add more views in the future. Regarding the buttons in the PanResponder not working: I believe this is because you have onStartShouldSetPanResponderCapture returning true. I believe this is causing it to capture all touches on the View. Instead you should just have onStartShouldSetPanResponder return true, which will respect PanResponder's touch bubbling algorithm. The PR is pretty good at handling these conflicts in a predictable way most of the time.

react-native-infinite-scroll-view - An infinitely scrolling view that notifies you as the scroll offset approaches the bottom

•    Javascript

---

InfiniteScrollView is a React Native scroll view that notifies you as the scroll offset approaches the bottom. You can instruct it to display a loading indicator while you load more content. This is a common design in feeds. InfiniteScrollView also supports horizontal scroll views. It conforms to ScrollableMixin so you can compose it with other scrollable components.

react-native infinite pagination scroll-view

react-native-pathjs-charts - Android and iOS charts based on react-native-svg and paths-js

•    Javascript

---

This library is a cross-platform (iOS/Android) library of charts/graphs using react-native-svg and paths-js based on the excellent work done by Roman Samec in the react-pathjs-chart library. The project is an early attempt at providing a ubiquitous solution for charts & graphs for React Native that offer a unified view across devices. Components include Pie charts, Bar charts, Smoothline charts, Stockline charts, Scatterplots, Tree graphs and Radar graphs. Since Paths-Js makes no assumptions about rendering, this library is perfect for using SVG path objects to render custom charts easily.

charts graphs paths-js react-native ios android react-native-svg cross-platform radar-graphs bar-graphs pie-graphs tree react-pathjs-chart

react-native-safe-area-view - Add padding to your views to account for notches, home indicators, status bar, and possibly other future things

•    TypeScript

---

This library provides automatic padding when a view intersects with a safe area (notch, status bar, home indicator). If you have a bare React Native project, you need to link react-native-safe-area-context. If you are using autolinking, just run pod install again. If not, follow these instructions.

react-native iphonex safeareaview safe-area notch

react-native-exception-handler - A react native module that lets you to register a global error handler that can capture fatal/non fatal uncaught exceptions

•    Objective-C

---

A react native module that lets you to register a global error handler that can capture fatal/non fatal uncaught exceptions. The module helps prevent abrupt crashing of RN Apps without a graceful message to the user. V2 of this module now supports catching Unhandled Native Exceptions also along with the JS Exceptions ✌🏻🍻 There are NO breaking changes. So its safe to upgrade from v1 to v2. So there is no reason not to 😉.

exception-handler react react-native bug error openlibrary modal native exception handler red screen production ios android capture

react-native-image-gallery - Pure JavaScript image gallery component for iOS and Android with high-performance and native feeling in mind

•    Javascript

---

A pure JavaScript image gallery component for React Native apps with common gestures like pan, pinch and doubleTap, supporting both iOS and Android. This component utilizes @ldn0x7dc/react-native-view-pager as the scrollable container and react-native-transformable-image as the wrapped image.

react react-native gallery images component archriss android ios

react-native-grid-view - React Native Grid/Collection View component

•    Javascript

---

This component allows to display a grid/collection of items with more than one item per row. The items per row is configurable and it uses a 'ListView' in order to have a proper recycle mechanism.

react-component react-native ios

react-native-safe-area-view - JS only version of SafeAreaView for supporting iPhone X safe area insets

•    Javascript

---

This is a JS-only version of SafeAreaView that will be available in React Native v0.50.0, to be released at the beginning of November. This version also adds a small api that makes SafeAreaView more flexible for complex UIs. React Navigation already includes and uses this view starting in v1.0.0-beta.16. Wrap components that touch any edge of the screen with SafeAreaView.

react-native iphonex safeareaview