|
55 | 55 |
|
56 | 56 | ## Props |
57 | 57 |
|
58 | | -| Name | Type | Description | Default | |
59 | | -| :------------------ | :------: | -------------------------------------------------------- | ----------------------------------------------------------------------------- | |
60 | | -| `thumbnails` | Array | thumbnails for the Flatlist | `[]` | |
61 | | -| `renderThumbnail` | Function | render the thumbnails | undefined | |
62 | | -| `onThumbnailSelect` | Function | invoked at thumbnail selection | `() => {}` | |
63 | | -| `initialIndex` | Number | the index that is selected initially | -1 | |
64 | | -| `horizontal` | Boolean | thumbnail stack position | true | |
65 | | -| `active` | Object | opacity and border color for thumbnail when selected | `{ opacity: 1, borderColor: 'black' }` | |
66 | | -| `inactive` | Object | opacity and border color for thumbnail when not selected | `{ opacity: 0.5, borderColor: 'transparent' }` | |
67 | | -| `thumbnailProps` | Object | props passed to Image component | `{ style: { width: 125, height: 125, borderWidth: 2 } }` | |
68 | | -| `captionProps` | Object | props passed to Text component | `{style: {fontSize: 16, textAlign: 'center'}}` | |
69 | | -| `buttonProps` | Object | props passed to TouchableOpacity component | `{style: {flexDirection: 'column', padding: 8}}` | |
70 | | -| `animatedViewStyle` | Object | style for Animated.View | `{ elevation: 1, zIndex: 1,position: 'absolute', top: 0, left: 0, right: 0 }` | |
71 | | -| `animationConfig` | Object | style for Animated.SpringAnimationConfig | `{ toValue: 0, duration: 600, friction: 9, useNativeDriver: true }` | |
| 58 | +| Name | Type | Description | Default | |
| 59 | +| :------------------ | :------: | ---------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------- | |
| 60 | +| `thumbnails` | Array | thumbnails for the Flatlist | `[]` | |
| 61 | +| `renderThumbnail` | Function | render the thumbnails | undefined | |
| 62 | +| `onThumbnailSelect` | Function | invoked at thumbnail selection | `() => {}` | |
| 63 | +| `initialIndex` | Number | the index that is selected initially | -1 | |
| 64 | +| `horizontal` | Boolean | thumbnail stack position | true | |
| 65 | +| `active` | Object | opacity and border color for thumbnail when selected | `{ opacity: 1, borderColor: 'black' }` | |
| 66 | +| `inactive` | Object | opacity and border color for thumbnail when not selected | `{ opacity: 0.5, borderColor: 'transparent' }` | |
| 67 | +| `thumbnailProps` | Object | props passed to Image component | `{ style: { width: 125, height: 125, borderWidth: 2 } }` | |
| 68 | +| `captionProps` | Object | props passed to Text component | `{style: {fontSize: 16, textAlign: 'center'}}` | |
| 69 | +| `buttonProps` | Object | props passed to TouchableOpacity component | `{style: {flexDirection: 'column', padding: 8}}` | |
| 70 | +| `animatedViewStyle` | Object | style for Animated.View | `{ elevation: 1, zIndex: 1,position: 'absolute', top: 0, left: 0, right: 0 }` | |
| 71 | +| `animationConfig` | Object | style for [Animated.SpringAnimationConfig](https://reactnative.dev/docs/animated#spring) | `{ toValue: 0, duration: 600, friction: 9, useNativeDriver: false }` | |
0 commit comments