Category: React Native

A React Native component to view a modal on iOS Device

react-native-ios-modal Intro: A React Native component to display a modal on an iOS device  by natively wrapping and presenting a React Native view within a UIViewController. Since this is just using a UIViewController, this component also supports setting the UIModalPresentationStyle and UIModalTransitionStyle. Supports setting isModalInPresentation and separately disabling the native swipe down gesture when the modal is using pageSheet modalPresentationStyle. You can use ModalView anywhere in your app and present a view modally either programmatically via a
Read More »

SQLite3 Native Plugin for React Native

react-native-sqlite-2 SQLite3 Native Plugin for React Native for Android, iOS, Windows and macOS. This plugin provides a WebSQL-compatible API to store data in a react native app, by using a SQLite database on the native side. Inspired by fantastic work done by Nolan Lawson. It should be a drop-in replacement for react-native-sqlite-storage. It works pretty well with PouchDB on
Read More »

Instagram Like Zoomable Image Using Native Animation

Instagram Like Zoomable Image Using Native Animation In React Native React Native Gesture Handler powered, zoomable image component just like Instagram has. The library uses react-native-gesture-handler to handle animations at the native level to prevent bloating JS thread. Installation And Usage Install Using NPM Or YARN. npm install --save rn-instagram-image or yarn add rn-instagram-image Usage:
Read More »

React Native Material date picker component

React Native Material Date Picker Component Today I Share a Material Date Picker Component for react-native. Which is very easy to use. Features Easy usage. Material design. Easy localizable. ScreenShot Installation And Usage Install Using NPM Or YARN. npm install --save react-native-material-date-picker or yarn add react-native-material-date-picker Usage import { ModalDatePicker } from "react-native-material-date-picker"; const App
Read More »

Lightweight React/React Native Countdown Circle Timer

react-countdown-circle-timer React/React Native countdown timer component in a circle shape with color and progress animation. Countdown animation independently optimized for the Web and Mobile Transition between colors during the countdown Fully customizable content in the center of the circle a11y support Built-in and ready-to-use TypeScript type definitions. React yarn add react-countdown-circle-timer   Check out the full documentation for
Read More »