React Native App Intro Slider Versions Save

Simple and configurable app introduction slider for react native

v4.0.4

3 years ago

Bugfixes

  • Fix Typescript definitions (#189 #191 )

v4.0.1

4 years ago

Improvements

  • Add dotClickEnabled-prop (#138)

Bugfixes

  • Export Typescript definitions (#96 )
  • Fix extraData-prop (#181)

v4.0.0

4 years ago

Version 4.0.0 marks a move to Typescript and is a somewhat major change.

Examples

  • The examples project is no longer using Expo and now contains more and better examples. They can be found here

Breaking changes

  • slides-prop is now called data so it's more in line with FlatList
  • There is no default layout any more, so a renderItem-function is strictly required
  • buttonStyle and buttonTextStyle props have been removed. renderXButton-functions can be used to customize button designs
  • paginationStyle and hidePagination props have been removed and a new renderPagination-function takes their place. To disable any pagination/buttons/everything give it a function that returns null.

v3.0.0

4 years ago

Version 3.0.0 fixes some layout bugs and aligns the renderItem function more closely with that of FlatList.

Bugfixes:

  • Design issue with a hidden navigation bar in Android (#14)

Breaking changes

  • renderItem now receives {item, index, dimensions} in stead of {...item, height, width}. To migrate, just make sure to unpack the item and dimensions.

Migration to new renderItem

renderItem(props){
+   const {item, index, dimensions, bottomButton} = this.props;
    const style = {
-    backgroundColor: props.backgroundColor,
+    backgroundColor: item.backgroundColor,
-    width: props.width,
+    width: dimensions.width,
-    height: props.height,
+    flex: 1,
-    paddingBottom: props.bottomButton ? 132 : 64,
+    paddingBottom: bottomButton ? 132 : 64,
    };
    return (
      <View style={[styles.mainContent, style]}>
-       <Text style={[styles.title, props.titleStyle]}>{item.title}</Text>
+       <Text style={[styles.title, item.titleStyle]}>{item.title}</Text>
-       <Image source={props.image} style={props.imageStyle} />
+       <Image source={item.image} style={item.imageStyle} />
      </View>
    );
}

1.0.0

5 years ago

Version 1.0.0 adds more possibilities for customization.

New features:

  • more styling props (e.g. buttonStyle, buttonTextStyle etc.)
  • possibility to pass FlatList-props to the underlying FlatList

Breaking changes

  • activeDotColorand dotColor have been removed in favour of activeDotStyle and dotStyle