react-native-home-indicator - A <PrefersHomeIndicatorAutoHidden /> component for react-native

  •        127

A declarative approach for hiding the iPhone X Home Indicator in react-native. For more complex usage you can use the HomeIndicator component which allows passing your preferred indicator setting as prop. Its even possible to override previous rendered indicator preferences as you can see in the following example.

https://github.com/flowkey/react-native-home-indicator

Tags
Implementation
License
Platform

   




Related Projects

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-step-indicator - A simple react-native implementation of step indicator widget compatible with the ViewPager and ListView

  •    Javascript

A simple react-native implementation of step indicator widget compatible with the ViewPager and ListView. If you'd like to see something added or changed to this module please open a new GitHub issue. Pull requests are always welcome.

react-native-image-progress - Progress indicator for networked images in React Native

  •    Javascript

Note: Progress indicators has been broken out to a separate component; react-native-progress. To use them, please follow installation instructions for that package. Note: onLoad* events are bubbled up, so if you want to do some custom thing when the image is loaded for example.

react-native-spinkit - A collection of animated loading indicators for React Native

  •    Objective-C

A collection of animated loading indicators React native port of SpinKit. Check index.ios.js in the Example folder.


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-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-progress-2 - ReactJS Progress 2

  •    Javascript

Please note, that show and hide calls are stacked, so after n-consecutive show calls, you need to do n hide calls to hide an indicator or you can use Progress.hideAll(). Created in 2015 by Ruslan Prytula (@milworm).

stargrave-0 - preserving my stars for vanity. former home of react-native-modal

  •    Javascript

This used to be the home of react-native-modal. Now it sits in posterity and collects stars. Have fun, play safe with modals, they are very useful in the right context but unpleasant when overused.

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.

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-shimmer - 🌠 React <img> component that simulates a shimmer effect while loading.

  •    Javascript

A powerful, customisable, <img> component that simulates a shimmer effect while loading. (with zero dependencies!) Currently compatible with React, but RN compatibility is also on the way. Feel free to send PRs.

victory-native - victory components for react native

  •    Javascript

Note: react-native-svg has strict version requirements for both react and react-native. Please match versions to those required by react-native-svg. See the up-to-date requirements on the react-native-svg Readme. We encourage you to use the latest version of react-native-svg possible for your project, as victory-native issues are frequently solved by react-native-svg bugfixes.Full documentation can be found here.

react-router-native - A routing library for React Native that strives for sensible API parity with react-router 🤖

  •    Javascript

A routing library for React Native that strives for sensible API parity with react-router. React Router community decided that a reducer-based paradigm similar to that of NavigationExperimental is better suited to native navigation. Transition to a reducer-based paradigm is also being discussed for the web. On the other hand, NavigationExperimental has no intention to support a React Router-like interface and leaves the navigation state up to the developer to maintain.

react-native-camera - A Camera component for React Native. Also supports barcode scanning!

  •    Java

The comprehensive camera module for React Native. Inside your package.json, use this "react-native-camera": "git+https://git@github.com/react-native-community/react-native-camera" instead of "react-native-camera": "^1.0.0".

react-native-svg-charts - 📈 One library to rule all charts for React Native 📊

  •    Javascript

A much improved decorator system has been introduced, allowing for greater flexibility and less complexity. See releases for more information. In order to not bloat this README to much we've moved some examples over to react-native-svg-charts-examples. There we will try to showcase the really cool things you can do with this library. This README will try to keep things as simple as possible so that everybody can get up and running as fast as possible.






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.