Skip to content

Releases: RichardRNStudio/react-native-slider-intro

v3.0.1

14 Feb 19:32
Compare
Choose a tag to compare

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

What's Changed

Full Changelog: v2.1.18...v3.0.1

v2.1.18

22 Dec 20:55
Compare
Choose a tag to compare

What's Changed

Full Changelog: v2.1.17...v2.1.18

v2.1.17

17 Sep 20:33
Compare
Choose a tag to compare

What's Changed

New Contributors

Full Changelog: v2.1.14...v2.1.17

v2.1.14

30 Apr 21:04
Compare
Choose a tag to compare

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

Full Changelog: v2.1.13...v2.1.14

v2.1.13

25 Apr 21:54
Compare
Choose a tag to compare

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

Full Changelog: v2.1.8...v2.1.13

v2.1.8

16 Apr 19:59
Compare
Choose a tag to compare

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:

  1. ISliderIntro
  2. ISliderIntroItem

See the following examples:

Commits

Full Changelog: v2.1.4...v2.1.8

v2.1.4

02 Apr 21:21
Compare
Choose a tag to compare

What's Changed

Full Changelog: v2.1.1...v2.1.4

v2.1.1

31 Mar 21:27
Compare
Choose a tag to compare

What's Changed

Full Changelog: v2.0.1...v2.1.1

Release v2.0.1

27 Mar 11:12
Compare
Choose a tag to compare
  • Introduce TypeScript
  • Update all of packages including react-native to 0.73.6

Release 1.0.21

01 Mar 18:12
Compare
Choose a tag to compare

1.0.21 (2021-03-01)