React-Native-ViewPager - ViewPager and Indicator component for react-native on both android and ios

  •        68

ViewPager and Indicator component for react-native on both android and ios. ViewPager's props is the same as ViewPagerAndroid.

https://github.com/zbtang/React-Native-ViewPager#readme

Tags
Implementation
License
Platform

   




Related Projects

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.

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

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

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

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