A simple and full customizable React Native package which implements a unique slider.
There is a new property of the package: limitToSlide. Use to change the limit of the slide animation. It is calculated based on the PanResponder's gestureState.dx property.
Full Changelog: https://github.com/RichardRNStudio/react-native-slider-intro/compare/v2.1.13...v2.1.14
The custom view/render has been fixed, there was a bug in the implementation which caused app crashes.
CustomRenderFunctionExample & UsingThirdPartyLibrariesExample
Please be aware: Possibly, you need to use the following wrapper for each slides when you're using the custom render to make sure, the slide's width is matching with the device's width.
<View style={{ width: Dimensions.get('window').width }} key={index}>{YOUR ITEM}</View>
Example:
<SliderIntro numberOfSlides={slides.length}>
{slides.map((item, index) => {
return (
<View style={{ width: Dimensions.get('window').width }} key={index}>
{YOUR_SLIDE}
</View>
)
})}
</SliderIntro>
Full Changelog: https://github.com/RichardRNStudio/react-native-slider-intro/compare/v2.1.8...v2.1.13
The custom view/render has been refactored. The renderItem prop has been removed.
New params: children, numberOfSlides.
There are two render options in the package. The default render renders the slides with the default render in the application. However the custom render uses the children prop to render slides. In this case the data param is not required, but you need to add the number of slides with numberOfSlides.
The following interfaces can be imported from the package:
See the following examples:
Full Changelog: https://github.com/RichardRNStudio/react-native-slider-intro/compare/v2.1.4...v2.1.8
Full Changelog: https://github.com/RichardRNStudio/react-native-slider-intro/compare/v2.1.1...v2.1.4
Full Changelog: https://github.com/RichardRNStudio/react-native-slider-intro/compare/v2.0.1...v2.1.1
0.73.6