{"_id":"@ar-maged/react-native-app-intro-slider","_rev":"4-af3651152c418bab54480dfa59ef7f3e","name":"@ar-maged/react-native-app-intro-slider","dist-tags":{"latest":"1.0.6"},"versions":{"1.0.3":{"name":"@ar-maged/react-native-app-intro-slider","version":"1.0.3","description":"Simple and configurable app introduction slider for react native","main":"AppIntroSlider.js","repository":{"type":"git","url":"git+https://github.com/jacse/react-native-app-intro-slider.git"},"keywords":["swiper","App","Intro","ios","android","react-component","react-native","slider"],"author":{"name":"Jacob Lauritzen","email":"jacsebl@hotmail.com"},"license":"MIT","bugs":{"url":"https://github.com/jacse/react-native-app-intro-slider/issues"},"homepage":"https://github.com/jacse/react-native-app-intro-slider","gitHead":"85e67d7a12f166f0918c4b5c42cc5fa4c8e2aac7","_id":"@ar-maged/react-native-app-intro-slider@1.0.3","_npmVersion":"6.5.0","_nodeVersion":"8.12.0","_npmUser":{"name":"ar-maged","email":"abdulrahman.maged95@gmail.com"},"dist":{"integrity":"sha512-B9vM8no8bijUUcxJT7pOXV3YHf98VRFpfFcRFaH9qcT6Mb0yUn1RESezartiBMBYW/79Wzj2HmIja7NFm/UBZg==","shasum":"0994b4739f462caa56c6701b088dfe15b94d245a","tarball":"https://registry.npmjs.org/@ar-maged/react-native-app-intro-slider/-/react-native-app-intro-slider-1.0.3.tgz","fileCount":6,"unpackedSize":22141,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcTQLnCRA9TVsSAnZWagAAbF4P/itDn7zadWZ+ZXTfRfQA\nf8WPpR0ZwhJFCpp2qZBs23y07z8rY+xmk8a/6JzjSWLDYS9gcre0xioHbysM\nEpCnJBRvpkLlFm8NUt7Bc7c0W+DvWGXD/6FyttEjXeeIRL+1nks/BsfjxgPm\nXsgdolE7Vk/RxtO4gJVFiN8c/x2pSSN3bujdEr54ScmDr3G5tGl3ja77dMas\nnZSPywTTciT14EXhHb3upmq2S2UVC6P+XAAccaNEHip2aMabWTmUVepmQ3d4\nLlcjHkIeideHJ0CvGkjwwkapuV3I+07+u6FxOu5m4AWtM9Fp+aUW5KMLjoJW\nJM6d7QoWAJVmr/lBQyDt4JwemPKZ0SUsL+5763KLMByrVoa3TjhCVnjpRrJJ\nSPay4yux+U5ISxqBxm15jJ8HBf/d0W8hVByHG/uq5W283M2ZYjEnDOA+/7IA\nzTgHMy1w0KQKEQOehRY6fEMDbdJl7byD3JNJeCPxHx8Z0FoL4QBVVx86fjhM\nM0FUjDD8zjQvaH5JLXZbVnLZW3dAdThBLpTsbhMHmX1jsE30NXBQ/rAw251a\nQc96BGaiozP1/4gdS8zNGhGmS4YPJP0/0ZVYFDEloNFSFojAria5WXw2UV8W\nZqm5Sx529mT+oBXE/yOoLCbnSc/MbUVGPFGb+EVG1Lwswm/Xc1oEB6Q6LhNJ\nMKG5\r\n=0yWO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEs4qqPZdrl2yWwoJKITn4dgpDnIoUnEf5T3PoMuhFCiAiALwBvvRDgHzKJAGwAAP+4aS4H4OgJgs6yYpUo4MSEayQ=="}]},"maintainers":[{"name":"ar-maged","email":"abdulrahman.maged95@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-app-intro-slider_1.0.3_1548550887120_0.41570926865222324"},"_hasShrinkwrap":false},"1.0.4":{"name":"@ar-maged/react-native-app-intro-slider","version":"1.0.4","description":"Simple and configurable app introduction slider for react native","main":"AppIntroSlider.js","repository":{"type":"git","url":"git+https://github.com/jacse/react-native-app-intro-slider.git"},"keywords":["swiper","App","Intro","ios","android","react-component","react-native","slider"],"author":{"name":"Jacob Lauritzen","email":"jacsebl@hotmail.com"},"license":"MIT","bugs":{"url":"https://github.com/jacse/react-native-app-intro-slider/issues"},"homepage":"https://github.com/jacse/react-native-app-intro-slider","gitHead":"087eb3e2f017e453ded1d6b266fb22e3a07fa3c6","_id":"@ar-maged/react-native-app-intro-slider@1.0.4","_npmVersion":"6.5.0","_nodeVersion":"8.12.0","_npmUser":{"name":"ar-maged","email":"abdulrahman.maged95@gmail.com"},"dist":{"integrity":"sha512-2s20lVgVFxOgkUIwk4oSS4+aw4jyHoHYdwXE+SkbziWVd/oHiBWa9xxdHuZbzTrb9eJPcopci4pJw/nu5er46w==","shasum":"9e35fef3645954e6fea199d1218cc50dcbb39937","tarball":"https://registry.npmjs.org/@ar-maged/react-native-app-intro-slider/-/react-native-app-intro-slider-1.0.4.tgz","fileCount":6,"unpackedSize":22079,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcTQT2CRA9TVsSAnZWagAArmEP/22u6hB7Orua/uCmoLsd\nW9apXN5jnlGSoIiJocJXeNlQyUDVbnW/dH8nIkSb7dKoYl3/qnZCVV3dYQ8x\nU1KDY/1JTNoO2LRJUMAJnTI71rj0Jp9ddowa7YB7J/0rA9FhyEbVSJvX6+u+\nA8yGBxGXxPmova461EIJtfkKYdfp4i2rMR/2qUowl/Z6o7haBBjrsndzOx0L\nO9KlWFuh1l7KAiIi5GIPUd1xlJ/FePfOAQxrqJuKTZvYIZKe7qhAqTNr+LBX\nCPvbyRrWVHNfKgdC4vRV0IpWJgzgZ4gEd8TUfGPfRVdt7BfCBgh6RMQ9Xdh+\nWrgs5VzyqhUxNSHVUJIuA6uzpVqFO0qo72UVxZCHSDvKkcnsRiI+6zPeVmPB\nBrsDZ7efj4NTQBo6MI+Adk3CDSb13s56HuZmteLPyJ65ZTAZ3UgKc6uIzWSh\nWeaM6Opo35GE959V9XItL6u3fgMUyJH4n1MKFEf97PuJcDVO+PIKRqctApvN\nYP31IcAusX3hGd1hZLhchKt2vovnOs8w9AyBx8k5IzaIYWf+n2tGMPTWZzxb\nEX+8V6jjv7U4iwiUQSa8He31K0F+T5cTKZB0rAHNLXbZkQDQCpd3Izlmo+cm\nynlBl+tf4IJ8t0nTA3PlZj3tXB6kSoefVJycN/F8EBUKTOxrQ2PB+gw8PQWi\nBffI\r\n=Eona\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGgR5JXVpQjkB5YZS7SC+dLvehNQ4d66Bt5T+SQq3g1KAiEA9GAylDAaD3iQ1DDXgPJwlTK9zy4BTyiK22fCWAhXsPM="}]},"maintainers":[{"name":"ar-maged","email":"abdulrahman.maged95@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-app-intro-slider_1.0.4_1548551413651_0.5562335466893691"},"_hasShrinkwrap":false},"1.0.5":{"name":"@ar-maged/react-native-app-intro-slider","version":"1.0.5","description":"Simple and configurable app introduction slider for react native","main":"AppIntroSlider.js","repository":{"type":"git","url":"git+https://github.com/jacse/react-native-app-intro-slider.git"},"keywords":["swiper","App","Intro","ios","android","react-component","react-native","slider"],"author":{"name":"Jacob Lauritzen","email":"jacsebl@hotmail.com"},"license":"MIT","bugs":{"url":"https://github.com/jacse/react-native-app-intro-slider/issues"},"homepage":"https://github.com/jacse/react-native-app-intro-slider","gitHead":"a7a94d6682547496ebbeac771d565f36be7838d4","_id":"@ar-maged/react-native-app-intro-slider@1.0.5","_npmVersion":"6.5.0","_nodeVersion":"8.12.0","_npmUser":{"name":"ar-maged","email":"abdulrahman.maged95@gmail.com"},"dist":{"integrity":"sha512-fSoIXy39VVmtPYFjao9ANdjVfeCeS1A4l3+0V0kc/sAB0DFLx9aPG8JQTGtqmeol3BXAuQ4ib1RaB0fNfqfucw==","shasum":"c0e3768e88b3e69ff68c1f4d56838fcf92290c82","tarball":"https://registry.npmjs.org/@ar-maged/react-native-app-intro-slider/-/react-native-app-intro-slider-1.0.5.tgz","fileCount":6,"unpackedSize":21988,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcTQvGCRA9TVsSAnZWagAA3awP/jvpgGXvkWCZy+/I9DuH\n/wuL70F/UNgGRzODMYJ/VOORMf3ODvzSSfZxfR7Ty1Mdkd1W5VvF7hjogiTa\n/Ys/8FRmtpOm0x+wxQ6hqJInvA/vXhI9acwUK/ZgZ9isoreHxVOdtkx/SsEV\n8QsVzzHTjmoe7EtUm6qM69YQhAFQSo/Wel0R5cgjFUjo2qM3QsgA+JaIV1g0\noN57CnaYwRVkRpWw5KXiadhYJp+/lRsq2gieV4FvmhpaWOsOLzc5UbklKOYd\nHvXpT0EANTbfmdCuQmbYEZgZ5m/PC+6Qfe15xt1YmIsUjOxJ9gVFnXaEgEuB\nyzPglS9VXuzF8VIb40iLg2anO7pDiLwR+n7gO5fIrxS8QKJzAsVBxkqEucm9\nUyQi2hKN5Mt8ZuHHRsEjJ/s9vr19QHgWgtvCjYSjlUT98Cqjg64tgJzNvjI/\nTNypMVRflrDthmOxmTTWDUM05l70Q66KhizAtbtt3LHsHK790ad2wx8BO3nR\nY1Kb5S5T8OKeqsdIlM6dsyT8sOz3mL+rLtmvtv11ItXvvum5Y8TaGkx8PGJh\nOFHjl5qfGNkLhs7mmr4/xtqcEWNWAvQV/eHsz2W8qlx63FZTDE785XRKp1+g\nNAFP1pBviQrdA3L6j6Hk/kfxf9SkcT0xmvcmXoI/W6sqZPMH/VDPPK+7tfzK\nYaY0\r\n=keTk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD+V14qRY3h//JBcz1621vA7f3HJkNbiCRMyse3sCQfGQIgUezA91Irv6DFQhGs2ZzRFL4aClkFKWFZe3MkI+tfIL0="}]},"maintainers":[{"name":"ar-maged","email":"abdulrahman.maged95@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-app-intro-slider_1.0.5_1548553158219_0.6662995742613038"},"_hasShrinkwrap":false},"1.0.6":{"name":"@ar-maged/react-native-app-intro-slider","version":"1.0.6","description":"Simple and configurable app introduction slider for react native","main":"AppIntroSlider.js","repository":{"type":"git","url":"git+https://github.com/jacse/react-native-app-intro-slider.git"},"keywords":["swiper","App","Intro","ios","android","react-component","react-native","slider"],"author":{"name":"Jacob Lauritzen","email":"jacsebl@hotmail.com"},"license":"MIT","bugs":{"url":"https://github.com/jacse/react-native-app-intro-slider/issues"},"homepage":"https://github.com/jacse/react-native-app-intro-slider","gitHead":"1516501be321bcba4b786664a541f0e415803aa8","_id":"@ar-maged/react-native-app-intro-slider@1.0.6","_npmVersion":"6.5.0","_nodeVersion":"8.12.0","_npmUser":{"name":"ar-maged","email":"abdulrahman.maged95@gmail.com"},"dist":{"integrity":"sha512-vtYF4jP3mdcMY0hW/f65+j6W8iPhTAoGBx2/4pf00o/Vm65/0XyQY6Fe8KikvyGQZQgzM7KLvfqbC1LgUB/hvw==","shasum":"738fb14b22f96213dfe9ac6a1f6fff06ea1c08df","tarball":"https://registry.npmjs.org/@ar-maged/react-native-app-intro-slider/-/react-native-app-intro-slider-1.0.6.tgz","fileCount":6,"unpackedSize":22039,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcTQ1aCRA9TVsSAnZWagAASWwQAJe9I6lDDGFKhVTpBqft\ndNug3bbAY53COTEh2+/sOtbGslPsQiUJZMnP81i4BILnBDBOEvykNDK0HiXl\nM5CA2ZvsETWmkxlAbfXa8LCjwt0/TSbYKPOPpkH1F4fi7R54Hv9YkAhrdyOJ\n/kASmG6vGyl+t+RUJkSXH/RlF7QNu36sKK9lznIiYVOneeBbgdS7F/bYI1y7\n/GN8JTUwXsoIWq9umOuKG7I/MDoZunsJSJb3+bHm/pQsynmpmJo3Avq4N0OR\nUAsCxqgQ5cOZOdmLrXZuLbOuPfg8zw/UxmdrhyQtRVqIY4r4VDWxXpzi5uTj\niTGJask+aKkMRG5JK8i+mlQMckWoSZwJRiVdbtWkMc7YAGvlZR7X8etHrGAZ\ntjowY0mz5s4FKv2Jsp96+wEeqSQSTNhGXB5PMu+VHSVJ3iEjo//OExtHwXEu\nBDSAgsW917xE3gr3b3RhxgI0THhEwtneP4LrdotQU4ZClNM/XTKq8Mspg9MW\nloYvOffXbdXcpg+AZIwx1usyFOYCJrNPkTUPSfkVHrH9pg62g1iKoEFR9e7W\n6ie5iaIhjKVGnK73b+QR7LyTLWDCrM5/LxKylEdqf7fLzW8tEbIVcr2D9DAD\nIptKFjeUFJXLEeXrcKnrA4HZFu1oxyBZKF2k3b3jI2W80kyx5j2m6s0bAtn5\nc80p\r\n=VoIP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGGDw7Lj+PPLdGAixCjQeLdt2wVd/6S1UUsKG+QKgrP+AiBhvAlru822L4yjpQhHKNJOBZQHzkQlpoaUhjFlQE5CKw=="}]},"maintainers":[{"name":"ar-maged","email":"abdulrahman.maged95@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-app-intro-slider_1.0.6_1548553561809_0.9440596566854258"},"_hasShrinkwrap":false}},"time":{"created":"2019-01-27T01:01:26.934Z","1.0.3":"2019-01-27T01:01:27.289Z","modified":"2022-04-04T15:14:13.473Z","1.0.4":"2019-01-27T01:10:13.760Z","1.0.5":"2019-01-27T01:39:18.328Z","1.0.6":"2019-01-27T01:46:02.017Z"},"maintainers":[{"name":"ar-maged","email":"abdulrahman.maged95@gmail.com"}],"description":"Simple and configurable app introduction slider for react native","homepage":"https://github.com/jacse/react-native-app-intro-slider","keywords":["swiper","App","Intro","ios","android","react-component","react-native","slider"],"repository":{"type":"git","url":"git+https://github.com/jacse/react-native-app-intro-slider.git"},"author":{"name":"Jacob Lauritzen","email":"jacsebl@hotmail.com"},"bugs":{"url":"https://github.com/jacse/react-native-app-intro-slider/issues"},"license":"MIT","readme":"

react-native-app-intro-slider

\n\n

Easy-to-use yet very configurable app introduction slider/swiper

\n\n```sh\nnpm i react-native-app-intro-slider --save\n```\n\n| | |\n|-|-|\n![Button example gif](Images/button-example.gif) | ![Custom layout example gif](Images/custom-example.gif)\n\n## Table of contents\n * [Usage](#usage)\n * [Basic Example](#basic-example)\n * [Configuring Buttons](#configuring-buttons)\n * [Custom Slide Layout](#custom-slide-layout)\n * [Props and options](#props-and-options)\n * [Configure behaviour](#configure-behaviour)\n * [Configure looks](#configure-looks)\n * [Example](#example)\n\n

Usage

\n\n### Basic example\n| No configuration | `showSkipButton` | `bottomButton` and `showSkipButton`\n|-|-|-|\n![Basic example gif](Images/basic-example.gif)|![showSkipButton example image](Images/skipbutton-example.jpg)|![bottomButton example image](Images/bottomskipbutton-example.jpg)\n\n```javascript\nimport React from 'react';\nimport { StyleSheet } from 'react-native';\nimport AppIntroSlider from 'react-native-app-intro-slider';\n\nconst styles = StyleSheet.create({\n image: {\n width: 320,\n height: 320,\n }\n});\n\nconst slides = [\n {\n key: 'somethun',\n title: 'Title 1',\n text: 'Description.\\nSay something cool',\n image: require('./assets/1.jpg'),\n imageStyle: styles.image,\n backgroundColor: '#59b2ab',\n },\n {\n key: 'somethun-dos',\n title: 'Title 2',\n text: 'Other cool stuff',\n image: require('./assets/2.jpg'),\n imageStyle: styles.image,\n backgroundColor: '#febe29',\n },\n {\n key: 'somethun1',\n title: 'Rocket guy',\n text: 'I\\'m already out of descriptions\\n\\nLorem ipsum bla bla bla',\n image: require('./assets/3.jpg'),\n imageStyle: styles.image,\n backgroundColor: '#22bcb5',\n }\n];\n\nexport default class App extends React.Component {\n this.state = {\n showRealApp: false\n }\n _onDone = () => {\n // User finished the introduction. Show real app through\n // navigation or simply by controlling state\n this.setState({ showRealApp: true });\n }\n render() {\n if (this.state.showRealApp) {\n return ;\n } else {\n return ;\n }\n }\n}\n```\n\n### Configuring buttons\n\n![Button example gif](Images/button-example.gif)\n\n```javascript\nimport React from 'react';\nimport { Ionicons } from '@expo/vector-icons';\nimport { StyleSheet, View } from 'react-native';\nimport AppIntroSlider from 'react-native-app-intro-slider';\n\nconst styles = StyleSheet.create({\n buttonCircle: {\n width: 40,\n height: 40,\n backgroundColor: 'rgba(0, 0, 0, .2)',\n borderRadius: 20,\n justifyContent: 'center',\n alignItems: 'center',\n },\n image: {\n width: 320,\n height: 320,\n }\n});\n\n// slides = [...]\n\nexport default class App extends React.Component {\n _renderNextButton = () => {\n return (\n \n \n \n );\n }\n _renderDoneButton = () => {\n return (\n \n \n \n );\n }\n render() {\n return (\n \n );\n }\n}\n```\n\n### Custom slide layout\n\n![Custom layout example gif](Images/custom-example.gif)\n\n```js\nimport React from 'react';\nimport { Ionicons } from '@expo/vector-icons';\nimport { StyleSheet, View, Text, Image } from 'react-native';\nimport { LinearGradient } from 'expo';\nimport AppIntroSlider from 'react-native-app-intro-slider';\n\nconst styles = StyleSheet.create({\n mainContent: {\n flex: 1,\n alignItems: 'center',\n justifyContent: 'space-around',\n },\n image: {\n width: 320,\n height: 320,\n },\n text: {\n color: 'rgba(255, 255, 255, 0.8)',\n backgroundColor: 'transparent',\n textAlign: 'center',\n paddingHorizontal: 16,\n },\n title: {\n fontSize: 22,\n color: 'white',\n backgroundColor: 'transparent',\n textAlign: 'center',\n marginBottom: 16,\n }\n});\n\nconst slides = [\n {\n key: 'somethun',\n title: 'Quick setup, good defaults',\n text: 'React-native-app-intro-slider is easy to setup with a small footprint and no dependencies. And it comes with good default layouts!',\n icon: 'ios-images-outline',\n colors: ['#63E2FF', '#B066FE'],\n },\n {\n key: 'somethun1',\n title: 'Super customizable',\n text: 'The component is also super customizable, so you can adapt it to cover your needs and wants.',\n icon: 'ios-options-outline',\n colors: ['#A3A1FF', '#3A3897'],\n },\n {\n key: 'somethun2',\n title: 'No need to buy me beer',\n text: 'Usage is all free',\n icon: 'ios-beer-outline',\n colors: ['#29ABE2', '#4F00BC'],\n },\n];\n\nexport default class App extends React.Component {\n _renderItem = props => (\n \n \n \n {props.title}\n {props.text}\n \n \n );\n\n render() {\n return (\n \n );\n }\n}\n```\nHere a custom `renderItem` is supplied and the `bottomButton`-props has been set to `true`. Notice how the setup of `slides` has been configured to support icons and gradient backgrounds.\n\n

Props and options

\n\nThe component extends `FlatList` so all FlatList-props are valid.\n\n### Configure looks\n\nName | Type | Default | Description\n-----------------|------------|---------------------------|--------------\nskipLabel | `string` | `Skip` | Custom label for Skip button\ndoneLabel | `string` | `Done` | Custom label for Done button\nnextLabel | `string` | `Next` | Custom label for Next button\nprevLabel | `string` | `Back` | Custom label for Prev button\nbottomButton | `boolean` | `false` | Enable to show a full-width button under pagination\nbuttonStyle | `style` | `null` | Styling of outer button component\nbuttonTextStyle | `style` | `null` | Styling of button text component\ndotStyle | `style` | {backgroundColor: 'rgba(0, 0, 0, .2)'} | Style of inactive pagination dots\nactiveDotStyle | `style` | {backgroundColor: 'rgba(255, 255, 255, .9)'} | Style of active pagination dot\nhidePagination | `boolean` | `false` | Enable to hide the pagination\nrenderNextButton | `function` | renders a Text-component | Use to supply your own next button\nrenderPrevButton | `function` | renders a Text-component | Use to supply your own prev button\nrenderDoneButton | `function` | renders a Text-component | Use to supply your own done button\nrenderSkipButton | `function` | renders a Text-component | Use to supply your own skip button\nrenderItem | `function` | renders `DefaultSlide` | Function returning a slide. The function is passed the slide object as wells as `{ topSpacer: Number, bottomSpacer: Number }`. These show the \"safe-space\" where other UI is not interfering - take a look at `DefaultSlide.js` too see how they are set up.\n\n### Configure behavior\n\nName | Type | Default | Description\n-----------------|------------|---------------------------|--------------\nslides | `object` | No default, required | An array of [slide-objects](#slide-object)\nshowSkipButton | `boolean` | `false` | Enable to show a skip button to the left of pagination dots. When `bottomButton == true` the skip button is a small text under the full-width next button\nshowPrevButton | `boolean` | `false` | Enable to show a previous button. If `showSkipButton` is true, the skip button will be displayed on the first page and prev button on subsequent one\nhideNextButton | `boolean` | `false` | Enable to hide the next button\nhideDoneButton | `boolean` | `false` | Enable to hide the done button\nonSlideChange | `function` | `void` | Called when user goes changes slide (by swiping or pressing next/prev). Function called with arguments `index: number, lastIndex: number`\nonDone | `function` | `void` | Called when user ends the introduction by pressing the done button\nonSkip | `function` | Scroll the list to the end | Called when user presses the skip button\n\n### Methods\nMethod Name | Arguments | Description\n------------|-----------|----------------\ngoToSlide | `number` | Change to slide with specified index\ngetListRef | `none` | Returns the Flat List ref\n\n### Slide object\nEach slide object should contain at least a unique `key`. If you use the default layouts your object should furthermore contain:\n\nName | Type | Note \n-----------------|---------------------|---------------------\ntitle | `string` | The title\ntitleStyle | `Style`-prop | Styling for the title (e.g color, fontSize)\ntext | `string` | Main text of slide\ntextStyle | `Style`-prop | Styling for the text (e.g color, fontSize)\nimage | `Image`-source prop | Slide image\nimageStyle | `Style`-prop | Styling for the image (e.g. size)\nbackgroundColor | `string` | Slide background color\n\nIf you use a custom `renderItem`-method you can design your slide objects as you see fit.\n\n

Example

\n\nYou can run the example Expo-app by cloning the repo:\n\n\n```sh\ngit clone https://github.com/Jacse/react-native-app-intro-slider.git\ncd react-native-app-intro-slider/Example\nyarn\nyarn start\n```\n","readmeFilename":"README.md"}