Releases: RichardRNStudio/react-native-slider-intro
v3.0.1
Summary: In this release, I refactored the entire package, focusing primarily on optimizing animations and reducing unnecessary re-renders in the components. I also added new examples.
Main changes
- Optimize animation performance.
- Use translateX instead of marginLeft for animations.
- Use scaleX instead of width / maxWidth for animations.
- Remove the custom status bar; it can be controlled externally.
- Remove React Navigation-related code; it can also be controlled externally.
- Refactor examples.
- Update README.md.
Examples
- 1. Basic example
- 2. Custom buttons example
- 3. Column buttons example
- 4. Previous button example
- 5. Custom slider render function example
- 6. Statusbar example
- 7. React navigation example
- 8. Gif example
- 9. Third party library example
What's Changed
- fix(#83): fix flickering issue during animation, upgrading packages by @RichardRNStudio in #84
- chore(#86): refactor examples, update README.md by @RichardRNStudio in #87
Full Changelog: v2.1.18...v3.0.1
v2.1.18
What's Changed
- chore(#71): update dependencies by @RichardRNStudio in #72
Full Changelog: v2.1.17...v2.1.18
v2.1.17
What's Changed
- chore(#36): refactor context to use custom hook by @RichardRNStudio in #37
- chore(#38): update react native to 0.75 by @RichardRNStudio in #39
- chore(deps): bump @fortawesome/fontawesome-svg-core from 6.5.1 to 6.5.2 by @dependabot in #14
- chore(#40): refactor types by @RichardRNStudio in #41
New Contributors
- @dependabot made their first contribution in #14
Full Changelog: v2.1.14...v2.1.17
v2.1.14
What's Changed
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.
Commits
- feat(#26): add limitToSlide new property to change the limit of swipe animation by @RichardRNStudio in #27
Full Changelog: v2.1.13...v2.1.14
v2.1.13
What's Changed
The custom view/render has been fixed, there was a bug in the implementation which caused app crashes.
- fix custom render crash
- fix the related examples:
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>
Commits
- fix(#22): fix custom render, fix related examples by @RichardRNStudio in #23
Full Changelog: v2.1.8...v2.1.13
v2.1.8
What's Changed
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:
Commits
- feat(#19): refactor custom view, add children instead of renderItem by @RichardRNStudio in #20
Full Changelog: v2.1.4...v2.1.8
v2.1.4
What's Changed
- chore(refactor-structure): structure refactor to use typescript by @RichardRNStudio in #11
Full Changelog: v2.1.1...v2.1.4
v2.1.1
What's Changed
- chore(typescript): extend typescript imports by @RichardRNStudio in #7
- chore(#8): extend unit tests by @RichardRNStudio in #9
- chore(refactor): refactor main functionality by @RichardRNStudio in #10
Full Changelog: v2.0.1...v2.1.1
Release v2.0.1
- Introduce TypeScript
- Update all of packages including react-native to
0.73.6