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-exampleTags | react-native snapshot capture screenshot viewshot view-snapshot rasterize |
Implementation | CSharp |
License | MIT |
Platform | Windows |
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 viewReact 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-componentReact 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 airdropResponsive 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 viewUse 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-twitterA 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 coverflowBaidu Map SDK modules and view for React Native(Android & IOS), support react native 0.40+. 百度地图相关模块和视图,支持react native 0.40+。
baidu-map react-nativeNote: 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 androidProvides 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 mobilePlug 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 spacerInvertibleScrollView 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-viewA 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 androidPure 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.
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-viewThis 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-chartThis 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 notchA 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 captureA 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 iosThis 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 iosThis 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
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.