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

tabs - Tab navigators for React Navigation

•    TypeScript

---

Tab navigators for React Navigation. Follow the instructions on the the React Navigation "Getting Started" guide, and then add the react-navigation-tabs package to your project.

react-native-component react-component react-native ios android tab swipe scrollable coverflow

react-router-navigation - ⛵️ A complete navigation library for React Native and React Router

•    Makefile

---

react-router-navigation is still a work in progress. That means it's extremely likely that you'll encounter issues. Always consider it. react-router-navigation provides tools to navigate between multiple screens with navigators or tab views. This library is based on react-router, react-navigation, and react-native-tab-view.

navigator navigation react-native router web tabs ios android

react-native-keyboardevents - Keyboard events for react-native

•    Objective-C

---

This takes full advantage of RCTKeyboardObserver.m, which is built-in. In XCode, in the project navigator, select your project. Add the lib*.a from the keyboardevents project to your project's Build Phases ➜ Link Binary With Libraries Click .xcodeproj file you added before in the project navigator and go the Build Settings tab. Make sure 'All' is toggled on (instead of 'Basic'). Look for Header Search Paths and make sure it contains both $(SRCROOT)/../react-native/React and $(SRCROOT)/../../React - mark both as recursive.

react-component react-native ios keyboard events

react-native-pages - Easy to use page view component

•    Javascript

---

Copyright 2017-2018 Alexander Nazarov. All rights reserved.

react react-native ios android react-component pageview viewpager pager swiper

react-native-segmented-control-tab - react-native-segmented-control-tab(for Android/iOS)

•    Javascript

---

A react native component with the same concept of react native's SegmantedControlIOS, Primarily built to support both IOS and Android.

react-native custom component segmentedcontrolios segmentedcontroltab ios android controlled-segmentedcontroltab

react-native-icons - Quick and easy icons in React Native

•    Objective-C

---

There's far bigger problems to solve in the open source and React Native communities than competing icon libraries so I'll be focusing on pushing forward other initiatives. Includes 5 different icon fonts and 2,444 icons.

react icons react-native react-component react-native-component mobile ui react-native-icons font tab-bar ios android icon fonts

react-native-transformable-image - A pure JavaScript written transformable image component, like PhotoView or ImageViewer, supports gestures like pan, pinch, double tab and fling, works with both iOS and Android

•    Javascript

---

A pure JavaScript written transformable image component, like PhotoView or ImageViewer, supports gestures like pan, pinch, double tab and fling, works with both iOS and Android. Written in pure JS, this component should be one of the most easy to use component among all the zoomable, scrollable PhotoView alike views on react-native.

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-lightbox - Images etc in Full Screen Lightbox Popovers for React Native

•    Javascript

---

navigator property is optional but recommended on iOS, see next section for Navigator configuration. For android support you must pass a reference to a Navigator since it does not yet have the Modal component and is not on the official todo list. See the Example project for a complete example.

react-native react-component react-native-component react mobile ios android ui lightbox gallery image

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 step viewpager listview progress-view react-component ios android step-indicator scrollview

react-native-easy-toast - A react native module to show toast like android, it works on iOS and Android

•    Javascript

---

A react native module to show toast like android, it works on iOS and Android. Add react-native-easy-toast to your js file.

toast react-native-toast react-native react-toast react-native-component toast-ios alert react-component navigator ios android

react-native-tabs - React Native platform-independent tabs

•    Javascript

---

Component just iterates over all its children and makes them touchable ('name' is only required attribute of each child). selectedStyle property represents style should be applied for selected tabs. This property could be set for all tabs or for individual tab. selectedIconStyle represents style applied for selected tab. The same, onSelect handler could be set globally for all tabs or/and for individual tab. You can lock tab buttons (require user to use long press to actuate the button) by passing prop {locked: true}.

react-native react-components tabbar tabs

ex-navigator - Route-centric navigation built on top of React Native's Navigator

•    Javascript

---

Deprecation Warning There are a few bugs in ex-navigator that require mutation of the state for the state to pass through the Navigator [Issue 110]. It's highly recommended to use the new ex-navigation instead as it's a powered by React Native's "NavigationExperimental". It's recommend to use react-navigation instead. ExNavigator is a scene navigator that is centered around routes and is built on top of React Native's Navigator. You define ExRoutes, which are plain JavaScript objects with functions to render the scene for the route and the components to display in the nav bar.

react-native react-component navigator ios android

react-native-app-intro - react-native-app-intro is a react native component implementing a parallax effect welcome page using base on react-native-swiper , similar to the one found in Google's app like Sheet, Drive, Docs

•    Javascript

---

react-native-app-intro is a react native component implementing a parallax effect welcome page using base on react-native-swiper , similar to the one found in Google's app like Sheet, Drive, Docs... You can use pageArray quick generation your app intro with parallax effect. With the basic usage, the Android status bar will be updated to match your slide background color.

react-native parallax android ios introduction intro swiper producttour app react-component

stack - Stack navigator for React Navigation

•    TypeScript

---

Stack navigator for use on iOS and Android. Documentation can be found on the React Navigation website.

react-native-component react-component react-native ios android stack

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-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 react-router react react-router-native react-native-router native routing router navigator navigationexperimental navigation navigatorios ios andorid react-component

react-native-button-component - A Beautiful, Customizable React Native Button component for iOS & Android

•    Javascript

---

React Native Button component for iOS & Android. CircleButton, RoundButton, RectangleButton is on top of ButtonComponent. So I recommend you should use CircleButton, RoundButton, RectangleButton, rather than directly use ButtonComponent because those button components may have preset some options.

react react-native button react-native-button ios android react-button react-native-button-component component react-component react-native-component

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