react-native-view-shot - Snapshot a React Native view and save it to an image

  •        359

Capture a React Native view to an image. Make sure react-native-view-shot is correctly linked in XCode (might require a manual installation, refer to React Native doc).

https://github.com/gre/react-native-view-shot-example
https://github.com/gre/react-native-view-shot

Tags
Implementation
License
Platform

   




Related Projects

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-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-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-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-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-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-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+。

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-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-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.

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-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-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-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.

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-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 😉.

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-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-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.