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.
https://github.com/i6mi6/react-native-parallax-scroll-viewTags | react-native react parallax scrollable scrollview sticky react-component ios android |
Implementation | Javascript |
License | Public |
Platform | OS-Independent |
Swiper component for React Native featuring previews, multiple layouts, parallax images, performant handling of huge numbers of items, and RTL support. Compatible with Android & iOS. This app is available on Android and iOS. It uses version 3.2.0 of the plugin, with FlatList's implementation and parallax images.
carousel swiper flatlist-based parallax-effect infinite-scroll advanced-effects react native slider flatlist scrollview parallax images infinite scroll scrolling items edge snap card cards stack deck tinder android ios snapping component rtlConfigurable parallax swiper based on an iOS pattern. This component is inspired by an iOS pattern that no react-native-parallax-whatever previously delivered. It emulates this pattern by using the ScrollView component which has features like velocity, paging, and platform specific easing curves; It also has optional dividers to split up each page. You can see this pattern in apps like iOS Camera Roll, Twitter Moments, Kylie Jenner’s app, Vevo’s app, and more.
react-native-component react-native ios parallax scrollable swiper gallery-swiperreact-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-componentA ScrollView component that handles keyboard appearance and automatically scrolls to focused TextInput. You can use the KeyboardAwareScrollView, the KeyboardAwareListView, KeyboardAwareSectionList or the KeyboardAwareFlatList components. They accept ScrollView, ListView, SectionList and FlatList default props respectively and implement a custom high order componente called KeyboardAwareHOC to handle keyboard appearance. The high order component is also available if you want to use it in any other component.
react-native scroll-view react react-components scrollview-component keyboard scrollview ios android react-componentParallax effects for React Native using Animated API
react-native react-component react-native-component react mobile ios android ui parallax imageThis module supports both of iOS and Android platforms. Know Issue (v3.3.0): On Android, if you are using CustomRefreshView, and the total hight of your first load data is less than your device height, then the RefreshView may still sticky on the top. However, if the data you loaded is beyond your screen, everything's fine. This issue only happen on Android, any PR is welcome.
listview pull-to-refresh infinite-scroll gridview es6 flatlist react-native scrollview refreshable-scrollview sectionlist virtualizedlist refreshable auto-pagination infinite-scrolling swipeable-row native-base react-component react-native-component android iosThere is a working example in the project /example folder that you can check out. Remember to run npm install inside the example folder if you'd like to run that project.
react react-native react-component parallaxA 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 iosViewPager and Indicator component for react-native on both android and ios. ViewPager's props is the same as ViewPagerAndroid.
react-native viewpager react-native-component react-component ios android pager pageview page tab-navigator scrollable tab navigator tab-bar tab-viewOn iPhone, the scroll-to-top gesture has no effect if there is more than one scroll view on-screen that has scrollsToTop set to true. Since it defaults to true in ReactNative, you have to set scrollsToTop={false} on your ScrollView inside Menu component in order to get it working as desired.
react-native react-native-component side-menu react-component ios sidebarInvertibleScrollView 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 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 coverflowReact native drawer, configurable to achieve material design style, slack style, parallax, and more. Works in both iOS and Android. This module supports a wide range of drawer styles, and hence has a lot of props.
react react-native react-component drawer side-menu menu ios android material-designYou can find examples in a dedicated repository. All of the properties of ScrollView are supported. Please refer to the ScrollView documentation for more detail.
react-native scrollview animation navbar react-component ios androidReact Native Sortable List component
react-native react react-native-component ios android listview scrollview scrollview-component react-componentReact 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 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-twitterProvides 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 mobileReact 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-componentA React Native component for generating and displaying interactive star ratings. Compatible with both iOS and Android. For the emptyStar, fullStar, halfStar, and iconSet props, please refer to the react-native-vector-icons package for the valid string names for the star icons. When selecting the icon string names, you must remember to remove the font family name before the first hyphen. For example, if you want to use the ion-ios-star from the Ionicon font set, you would set the fullStar prop to ios-star and the iconSet to Ionicons.
star-rating star-rating-component react-native react-native-component custom-star star-icon react-native-star-rating star rating ratings component react native stars review reviews react-component ios android
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.