CINXE.COM
RunKit
<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width, user-scalable=no"/><meta name="keywords" content="REPL runkit tonic playground javascript node npm module prototype prototyping API server"/><meta name="author" content="runkit.com"/><meta name="description" content="RunKit notebooks are interactive javascript playgrounds connected to a complete node environment right in your browser. Every npm module pre-installed."/><link type="application/opensearchdescription+xml" rel="search" href="https://static.runkitcdn.com/search.xml"/><link href="https://fonts.googleapis.com/css?family=Fira+Sans:400,400i,700,700i|Ubuntu+Mono:400" rel="stylesheet"/><link rel="stylesheet" type="text/css" href="https://static.runkitcdn.com/assets/vendor/bootstrap/bootstrap-sha512-tDXPcamuZsWWd6OsKFyH6nAqh_MjZ_5Yk88T5o+aMfygqNFPan1pLyPFAndRzmOWHKT+jSDzWpJv8krj6x1LMA==.min.css" integrity="sha512-tDXPcamuZsWWd6OsKFyH6nAqh/MjZ/5Yk88T5o+aMfygqNFPan1pLyPFAndRzmOWHKT+jSDzWpJv8krj6x1LMA==" crossorigin="anonymous"/><link rel="stylesheet" type="text/css" href="https://static.runkitcdn.com/assets/vendor/font-awesome/css/font-awesome-sha512-SfTiTlX6kk+qitfevl_7LibUOeJWlt9rbyDn92a1DqWOw9vWG2MFoays0sgObmWazO5BQPiFucnnEAjpAB+_Sw==.min.css" integrity="sha512-SfTiTlX6kk+qitfevl/7LibUOeJWlt9rbyDn92a1DqWOw9vWG2MFoays0sgObmWazO5BQPiFucnnEAjpAB+/Sw==" crossorigin="anonymous"/><link rel="stylesheet" type="text/css" href="https://static.runkitcdn.com/assets/styles/base-sha512-JJhyit1rR09PVXP+QrvQFLhZEfqp6+NWtO1rnlzKWmb1pD_Kdq2OZ0dfE69CmGq2HgNzjHNwZ7dLDdc1oIC1hQ==.css" integrity="sha512-JJhyit1rR09PVXP+QrvQFLhZEfqp6+NWtO1rnlzKWmb1pD/Kdq2OZ0dfE69CmGq2HgNzjHNwZ7dLDdc1oIC1hQ==" crossorigin="anonymous"/><link rel="stylesheet" type="text/css" href="https://static.runkitcdn.com/assets/styles/error-pages-sha512-wc0YZ4YI9QYzM021UgryZhTff2THiN3aLCk40mEGBgaRokLMSOulNQ_WYo54nVHyafnx9xc92BQK4mdFgdv1Rg==.css" integrity="sha512-wc0YZ4YI9QYzM021UgryZhTff2THiN3aLCk40mEGBgaRokLMSOulNQ/WYo54nVHyafnx9xc92BQK4mdFgdv1Rg==" crossorigin="anonymous"/><link rel="stylesheet" type="text/css" href="https://static.runkitcdn.com/assets/styles/npm-sha512-dGXN6LvbwmcY1a71btRiirj5lcyRk+6BaKMEt65vRSWBuzC6KkUnxbWqu3iUzr2d9ebkkryKiN1scefAFOcCSQ==.css" integrity="sha512-dGXN6LvbwmcY1a71btRiirj5lcyRk+6BaKMEt65vRSWBuzC6KkUnxbWqu3iUzr2d9ebkkryKiN1scefAFOcCSQ==" crossorigin="anonymous"/><link rel="stylesheet" type="text/css" href="https://static.runkitcdn.com/assets/styles/codemirror-sha512-7vaQ4LLdaXd2IuMd4MUQ6LRFIGbEwJI1aq6KYqL3RjbdQyUkRFhwZKmqmkBXurTFdGlx687lTN8FSJfX6Df8Gw==.css" integrity="sha512-7vaQ4LLdaXd2IuMd4MUQ6LRFIGbEwJI1aq6KYqL3RjbdQyUkRFhwZKmqmkBXurTFdGlx687lTN8FSJfX6Df8Gw==" crossorigin="anonymous"/><link href="https://themes.runkitcdn.com/runkit-light.css?v=ce0f1cbf00545d68f7a212bb4a3cb3a4aac49d35" rel="stylesheet" type="text/css"/><title>RunKit</title></head><body><style data-aphrodite></style><div id = "react-container"><div data-reactroot=""><script src="https://embed.runkit.com"></script><div><div><div><div><div class="package-wrapper show-banner"><div class="playground" style="background:#FFF"><header><a style="float:right;margin:10px 50px" href="https://runkit.com/register" class="register-button">Sign Up for Free</a><h1 style="font-weight:bold;font-size:32px;margin:0;margin-top:10px"><span><a style="text-decoration:none;color:#333;font-family:"Fira Sans", "Source Sans Pro", sans-serif" href="https://runkit.com">RunKit</a></span><span style="color:#aaa"> + </span><a href="https://npmjs.org/" style="color:#888" title="powered by npm"><img src="https://static.runkitcdn.com/assets/images/npm-logo.svg" width="70" style="margin-left:2px"/></a></h1><h4 class="subheading" style="margin:10px 0;max-width:420px;line-height:1.3em">Try any Node.js package <span class="collapse-mobile">right</span> in your browser</h4></header><div class="share-link collapse-mobile"><div style="opacity:0;word-break:break-all">Share this code: <a target="_blank" style="color:#888;font-style:italic"></a></div></div><div class="playground-content"><p>This is a <code>playground</code> to test code. It runs a full <code>Node.js</code> environment<span class="collapse-mobile"> and already has all of <code>npm</code>鈥檚 1,000,000+ packages pre-installed<span>, including <code>react-native-scrollable-tab-view</code></span></span><span class="expand-mobile"> with all <code>npm</code> packages installed</span>. <b>Try it out</b>:</p><div><div>require("react-native/package.json"); // react-native is a peer dependency. var reactNativeScrollableTabView = require("react-native-scrollable-tab-view")</div></div><div class="blank-doc-help"><ul><li>all documents on RunKit are <span style="font-weight:bold">public</span></li><li><code>require()</code> any package directly from npm</li><li>use <a href="https://runkit.com/runkit/es6-arrow-functions" target="_blank">arrow functions</a>, <a href="https://runkit.com/runkit/es6-classes" target="_blank">classes</a>, <a href="https://runkit.com/runkit/es6-template-strings">template strings</a>, and most of <a href="https://runkit.com/runkit/es6-and-es7-support" target="_blank">ES6</a></li><li><code>await</code> any promise instead of using callbacks <a href="https://runkit.com/docs/await" target="_blank">(example)</a></li><li><a href="https://runkit.com/docs/embed">create your own</a> embedded <strong>node.js</strong> snippets</li></ul></div><p style="color:#bbb;text-align:center;font-style:italic;font-size:12px">This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.</p></div></div><div class="package-details"><header><div class="npm-search" style="z-index:1000;outline:none;display:inline-block;float:right" tabindex="-1"><div><input type="text" style="height:28px;border:none;padding-left:2em;line-height:normal;background:url(https://static.runkitcdn.com/assets/images/search.svg) no-repeat 0.5em center/1em #fff" value="" placeholder="search npm"/></div></div><h1 class="package-name-and-version" style="font-size:1.75em"><span class="package-name">react-native-scrollable-tab-view</span><span class="package-version"> v<!-- -->1.0.0</span></h1><h4 class="package-description"></h4></header><div class="nav"><a style="cursor:pointer" rel="nofollow" class="active" href="/react-native-scrollable-tab-view?t=1732864882855">Overview</a><a style="cursor:pointer" class="">Browse Files</a><span></span></div><div class="source-viewer"><div><div id="loader-bar" class="done"></div><iframe name="586a3cdd-f0d6-423b-99fb-bd2b23ddc5f4" src="https://runkit-packages.com//18.x.x/1732864882855/react-native-scrollable-tab-view/" sandbox="allow-scripts allow-same-origin" style="width:100%;height:100%;display:block;border:0"></iframe></div></div></div><div id="register-banner"><button style="background:inherit;border:none;margin-right:1em;color:#FFF;opacity:0.5">脳</button><div>RunKit is a free, in-browser JavaScript dev environment<span class="collapse-mobile"> for prototyping <b>Node.js</b> code<span class="collapse-single-col">, with every <b>npm</b> package installed</span>. Sign up to share your code</span>.</div><a class="register-button" style="background-color:#FFF;color:#2ECC71" href="https://runkit.com/register">Sign Up for Free</a></div></div></div></div><div></div></div></div></div></div><script type = "javascript/uri-encoded-json" id = "asset-checksums">%7B%22%2Fassets%2Fdocs.bundle.js%22%3A%7B%22integrity%22%3A%22sha512-KzFBzfCEH2QbrSsyyetBQ9qxDTG78yrNjn7QzwiemB8k0apUvZi0xzblvV3ZNNrOEV6zfwyldkaFkr3WNrqhWQ%3D%3D%22%2C%22newURL%22%3A%22..%2Fassets%2Fdocs-sha512-KzFBzfCEH2QbrSsyyetBQ9qxDTG78yrNjn7QzwiemB8k0apUvZi0xzblvV3ZNNrOEV6zfwyldkaFkr3WNrqhWQ%3D%3D.bundle.js%22%7D%2C%22%2Fassets-runkit-packages-static-executables%2Fupdate-from-url.bundle.js%22%3A%7B%22integrity%22%3A%22sha512-F0P%2FugFZRRhhiow%2BGu5TSY7zBkXhfyeCCb1vmXAg4N2GoFypqRBBPdhqrSRMxcd3v5Gd0JlTdmrGdkS4%2B%2BfwGw%3D%3D%22%2C%22newURL%22%3A%22..%2Fassets-runkit-packages-static-executables%2Fupdate-from-url-sha512-F0P_ugFZRRhhiow%2BGu5TSY7zBkXhfyeCCb1vmXAg4N2GoFypqRBBPdhqrSRMxcd3v5Gd0JlTdmrGdkS4%2B%2BfwGw%3D%3D.bundle.js%22%7D%2C%22%2Funpublished-assets%2Frunkit-embed.bundle.js%22%3A%7B%22integrity%22%3A%22sha512-dFft1HTjn85tkKJ8XaUtICOLKZvi%2F0cVCH%2FOlHDkR%2BbdgqYdpU84wNJfbq650K1JM%2BmFKD5JRi%2FT2emrCeG8yw%3D%3D%22%2C%22newURL%22%3A%22..%2Funpublished-assets%2Frunkit-embed.bundle.js%22%7D%2C%22%2Fassets%2Froutes.bundle.js%22%3A%7B%22integrity%22%3A%22sha512-TZhdND1K7qXpiZjsfhdQODNjV3rjSBBqHmGpj707%2Fz8Kbb9ORcFbzBKXdVmrj4TCLnTF6Hd77hcGz8Pe9PxTUA%3D%3D%22%2C%22newURL%22%3A%22..%2Fassets%2Froutes-sha512-TZhdND1K7qXpiZjsfhdQODNjV3rjSBBqHmGpj707_z8Kbb9ORcFbzBKXdVmrj4TCLnTF6Hd77hcGz8Pe9PxTUA%3D%3D.bundle.js%22%7D%2C%22%2Fassets%2Foembed-loader.bundle.js%22%3A%7B%22integrity%22%3A%22sha512-V4rcOoNrrbAI8nOG0mWTwOqijyZ%2FXBTkYLU7fp1yJ41LlbnQ3iHhVHqdVKOmbsbmu6sA3zAMvQNlu%2FhI5kW5Wg%3D%3D%22%2C%22newURL%22%3A%22..%2Fassets%2Foembed-loader-sha512-V4rcOoNrrbAI8nOG0mWTwOqijyZ_XBTkYLU7fp1yJ41LlbnQ3iHhVHqdVKOmbsbmu6sA3zAMvQNlu_hI5kW5Wg%3D%3D.bundle.js%22%7D%2C%22%2Fassets%2Fsandboxed-map-viewer.bundle.js%22%3A%7B%22integrity%22%3A%22sha512-jLp2LWkaBFGlnr8EU2iDdrO7WNiePNl9H5PHEKWukwB9fl0ebvsIEItl6t7d8VLlfSvSBvz4LYPL6cKotAlN%2BA%3D%3D%22%2C%22newURL%22%3A%22..%2Fassets%2Fsandboxed-map-viewer-sha512-jLp2LWkaBFGlnr8EU2iDdrO7WNiePNl9H5PHEKWukwB9fl0ebvsIEItl6t7d8VLlfSvSBvz4LYPL6cKotAlN%2BA%3D%3D.bundle.js%22%7D%2C%22%2Fassets%2Fiframe-script.bundle.js%22%3A%7B%22integrity%22%3A%22sha512-vn22mcTyPC%2F%2FB9lWuPMXNRmTuYdZnx%2BFPXFJb%2Bayl9emKnPH2FIriGCwrfvr1ODXeeAUADNp%2BkM%2B12AJdSUeDQ%3D%3D%22%2C%22newURL%22%3A%22..%2Fassets%2Fiframe-script-sha512-vn22mcTyPC__B9lWuPMXNRmTuYdZnx%2BFPXFJb%2Bayl9emKnPH2FIriGCwrfvr1ODXeeAUADNp%2BkM%2B12AJdSUeDQ%3D%3D.bundle.js%22%7D%2C%22%2Fassets%2Fadmin.bundle.js%22%3A%7B%22integrity%22%3A%22sha512-eyGC9jqLZxUwxe4UhAqVP%2FAg%2BkxS92PqPmJUWy3LLogiCcQeuuk689x0l4kxxp%2BUofDevuXwOJ5ou7DDP%2B60Ow%3D%3D%22%2C%22newURL%22%3A%22..%2Fassets%2Fadmin-sha512-eyGC9jqLZxUwxe4UhAqVP_Ag%2BkxS92PqPmJUWy3LLogiCcQeuuk689x0l4kxxp%2BUofDevuXwOJ5ou7DDP%2B60Ow%3D%3D.bundle.js%22%7D%2C%22%2Fassets%2Fwindow-manager.bundle.js%22%3A%7B%22integrity%22%3A%22sha512-9GmSPvShM9HaTVdDNwLmSEwRMmxhJnCiJ2vagGG3HyCuKnKH0KF1dE4CDMBCh5dg2p04ypiSdXEkTGfSlU3RkQ%3D%3D%22%2C%22newURL%22%3A%22..%2Fassets%2Fwindow-manager-sha512-9GmSPvShM9HaTVdDNwLmSEwRMmxhJnCiJ2vagGG3HyCuKnKH0KF1dE4CDMBCh5dg2p04ypiSdXEkTGfSlU3RkQ%3D%3D.bundle.js%22%7D%2C%22%2Fassets%2Fmain.bundle.js%22%3A%7B%22integrity%22%3A%22sha512-QHtgc1wfDaYFw9%2FtNDGdbVginyqgmR4J%2BHfIj%2FquoMx0yPHabZFpjOTaADqKUMMgaBELVB%2FdArMzzt%2FJRbyQHg%3D%3D%22%2C%22newURL%22%3A%22..%2Fassets%2Fmain-sha512-QHtgc1wfDaYFw9_tNDGdbVginyqgmR4J%2BHfIj_quoMx0yPHabZFpjOTaADqKUMMgaBELVB_dArMzzt_JRbyQHg%3D%3D.bundle.js%22%7D%2C%22%2Fassets%2Fvalues.bundle.js%22%3A%7B%22integrity%22%3A%22sha512-%2B%2ByhZmSKELXN8bsCj5hAOcLApcUGlQDXPFpwDI4vmxsWfuPxupmg%2FOqlN7hcdVNXREJ1m%2Fy3yxsJVo%2B3VSHFkA%3D%3D%22%2C%22newURL%22%3A%22..%2Fassets%2Fvalues-sha512-%2B%2ByhZmSKELXN8bsCj5hAOcLApcUGlQDXPFpwDI4vmxsWfuPxupmg_OqlN7hcdVNXREJ1m_y3yxsJVo%2B3VSHFkA%3D%3D.bundle.js%22%7D%2C%22%2Fassets-runkit-packages-static-executables%2Fdownload.bundle.js%22%3A%7B%22integrity%22%3A%22sha512-YAtnCXkLQwpds5XBGMqEjXmQumJPd4JIIxv1Bfdqe0yb3hiDnpNM%2FN7pHZDKCnuR6s6iqsJGIjd9fwd0kkBG7A%3D%3D%22%2C%22newURL%22%3A%22..%2Fassets-runkit-packages-static-executables%2Fdownload-sha512-YAtnCXkLQwpds5XBGMqEjXmQumJPd4JIIxv1Bfdqe0yb3hiDnpNM_N7pHZDKCnuR6s6iqsJGIjd9fwd0kkBG7A%3D%3D.bundle.js%22%7D%2C%22%2Fassets%2Ftheme-preview.bundle.js%22%3A%7B%22integrity%22%3A%22sha512-STVFiL2BvJQJmyj9oSAdl%2FuHK13jHV5fgN7Ib35vjlGsEmoYq10nUlKJ3xwNqGys9OyAt4F61Ym41of05keDXg%3D%3D%22%2C%22newURL%22%3A%22..%2Fassets%2Ftheme-preview.bundle.js%22%7D%2C%22%2Fassets-runkit-packages-static-executables%2Fupdate-parent.bundle.js%22%3A%7B%22integrity%22%3A%22sha512-IW8D09RhHoOi4m85d15vQKOab6FetQJ4Vn0nAtmQxQnIENcBFYhoHxoNc3Go1OPT8a91%2Fd7LcoDQq1iaV0CsKA%3D%3D%22%2C%22newURL%22%3A%22..%2Fassets-runkit-packages-static-executables%2Fupdate-parent-sha512-IW8D09RhHoOi4m85d15vQKOab6FetQJ4Vn0nAtmQxQnIENcBFYhoHxoNc3Go1OPT8a91_d7LcoDQq1iaV0CsKA%3D%3D.bundle.js%22%7D%2C%22%2Fassets%2Fvalue-viewer-page.bundle.js%22%3A%7B%22integrity%22%3A%22sha512-DDaHDUc%2FFE2h%2BqX1dgVMlrqXU%2F4sjmglbhjtBG3CaTFXfTzUY12%2BUthqEMHIz%2BVvaEVU8S6I27SIMjjOHDqfMw%3D%3D%22%2C%22newURL%22%3A%22..%2Fassets%2Fvalue-viewer-page-sha512-DDaHDUc_FE2h%2BqX1dgVMlrqXU_4sjmglbhjtBG3CaTFXfTzUY12%2BUthqEMHIz%2BVvaEVU8S6I27SIMjjOHDqfMw%3D%3D.bundle.js%22%7D%2C%22%2Fassets%2Fchart.bundle.js%22%3A%7B%22integrity%22%3A%22sha512-5cqPi6eNKaqzhXKesFfCwYJzNceburSTyTtd9kjWX%2FgOBJSBN4Q63T4r4KPD05W%2BxKOt3q%2B%2FoWTGTeK1u5dJmQ%3D%3D%22%2C%22newURL%22%3A%22..%2Fassets%2Fchart-sha512-5cqPi6eNKaqzhXKesFfCwYJzNceburSTyTtd9kjWX_gOBJSBN4Q63T4r4KPD05W%2BxKOt3q%2B_oWTGTeK1u5dJmQ%3D%3D.bundle.js%22%7D%2C%22%2Fassets%2Fstyles%2Fbase2.css%22%3A%7B%22integrity%22%3A%22sha512-AGG6bMg2p381NKpKf%2F3mnfnsLIJEsL0CGZQR%2FxzGG0ZBTnSMUkXlhOpIezyhdeUFw%2BlZDWuah2ALSeR0JciF5g%3D%3D%22%2C%22newURL%22%3A%22..%2Fassets%2Fstyles%2Fbase2-sha512-AGG6bMg2p381NKpKf_3mnfnsLIJEsL0CGZQR_xzGG0ZBTnSMUkXlhOpIezyhdeUFw%2BlZDWuah2ALSeR0JciF5g%3D%3D.css%22%7D%2C%22%2Fassets%2Fvendor%2Fbootstrap%2Fbootstrap.min.css%22%3A%7B%22integrity%22%3A%22sha512-tDXPcamuZsWWd6OsKFyH6nAqh%2FMjZ%2F5Yk88T5o%2BaMfygqNFPan1pLyPFAndRzmOWHKT%2BjSDzWpJv8krj6x1LMA%3D%3D%22%2C%22newURL%22%3A%22..%2Fassets%2Fvendor%2Fbootstrap%2Fbootstrap-sha512-tDXPcamuZsWWd6OsKFyH6nAqh_MjZ_5Yk88T5o%2BaMfygqNFPan1pLyPFAndRzmOWHKT%2BjSDzWpJv8krj6x1LMA%3D%3D.min.css%22%7D%2C%22%2Fassets%2Fstyles%2Fadmin.css%22%3A%7B%22integrity%22%3A%22sha512-CJ8qDCejiskTZ8CulKXAAS03kxJweNrz8fb0AyitaDtnG%2BKwLK0KoJGc44y8uT%2Bqiqr20mwXoA8dElsMBREI3g%3D%3D%22%2C%22newURL%22%3A%22..%2Fassets%2Fstyles%2Fadmin-sha512-CJ8qDCejiskTZ8CulKXAAS03kxJweNrz8fb0AyitaDtnG%2BKwLK0KoJGc44y8uT%2Bqiqr20mwXoA8dElsMBREI3g%3D%3D.css%22%7D%2C%22%2Fassets-runkit-packages-static%2Funrecognized.css%22%3A%7B%22integrity%22%3A%22sha512-RF4DD4YWXV3Ftqqpxp9MseZNtqsCyXEF4s%2Fs2eNMmIDhqMRbM%2BWQsuQonPNhnU4UjZN15k5iPxOto9RNVMkxWw%3D%3D%22%2C%22newURL%22%3A%22..%2Fassets-runkit-packages-static%2Funrecognized-sha512-RF4DD4YWXV3Ftqqpxp9MseZNtqsCyXEF4s_s2eNMmIDhqMRbM%2BWQsuQonPNhnU4UjZN15k5iPxOto9RNVMkxWw%3D%3D.css%22%7D%2C%22%2Fassets%2Fvendor%2Fc3%2Fc3.min.css%22%3A%7B%22integrity%22%3A%22sha512-%2BdWF4n9qbXA0%2FhbRB1rJYjnAKSkBndxkUTT%2FhrinqiGgnW7f7ZwIqI8BSj8iQrRfCtTlsTN91xt%2FJcU0YZbqQA%3D%3D%22%2C%22newURL%22%3A%22..%2Fassets%2Fvendor%2Fc3%2Fc3-sha512-%2BdWF4n9qbXA0_hbRB1rJYjnAKSkBndxkUTT_hrinqiGgnW7f7ZwIqI8BSj8iQrRfCtTlsTN91xt_JcU0YZbqQA%3D%3D.min.css%22%7D%2C%22%2Fassets-runkit-packages-static%2Foverview.css%22%3A%7B%22integrity%22%3A%22sha512-5HBevnJp8L5wna5KF9XtjLz7dkXpILp8jFx8hEo2MgCSKg%2FJZOoiYzGCygjCu4UFb6DfjtH2qMT1l1PKrlrHnQ%3D%3D%22%2C%22newURL%22%3A%22..%2Fassets-runkit-packages-static%2Foverview-sha512-5HBevnJp8L5wna5KF9XtjLz7dkXpILp8jFx8hEo2MgCSKg_JZOoiYzGCygjCu4UFb6DfjtH2qMT1l1PKrlrHnQ%3D%3D.css%22%7D%2C%22%2Fassets%2Fstyles%2Fcodemirror.css%22%3A%7B%22integrity%22%3A%22sha512-7vaQ4LLdaXd2IuMd4MUQ6LRFIGbEwJI1aq6KYqL3RjbdQyUkRFhwZKmqmkBXurTFdGlx687lTN8FSJfX6Df8Gw%3D%3D%22%2C%22newURL%22%3A%22..%2Fassets%2Fstyles%2Fcodemirror-sha512-7vaQ4LLdaXd2IuMd4MUQ6LRFIGbEwJI1aq6KYqL3RjbdQyUkRFhwZKmqmkBXurTFdGlx687lTN8FSJfX6Df8Gw%3D%3D.css%22%7D%2C%22%2Fassets%2Fstyles%2Fstatic.css%22%3A%7B%22integrity%22%3A%22sha512-qOEI%2Bil%2F46N%2F1TZNKAZS8IfXZ%2BvPIEcU%2B9VTUwWBbWx1PlgZIwxmA3YB%2FhDYaM4GIRIWAvwftdZxbpqdMBppLg%3D%3D%22%2C%22newURL%22%3A%22..%2Fassets%2Fstyles%2Fstatic-sha512-qOEI%2Bil_46N_1TZNKAZS8IfXZ%2BvPIEcU%2B9VTUwWBbWx1PlgZIwxmA3YB_hDYaM4GIRIWAvwftdZxbpqdMBppLg%3D%3D.css%22%7D%2C%22%2Fassets%2Fvendor%2Ffont-awesome%2Fcss%2Ffont-awesome.min.css%22%3A%7B%22integrity%22%3A%22sha512-SfTiTlX6kk%2Bqitfevl%2F7LibUOeJWlt9rbyDn92a1DqWOw9vWG2MFoays0sgObmWazO5BQPiFucnnEAjpAB%2B%2FSw%3D%3D%22%2C%22newURL%22%3A%22..%2Fassets%2Fvendor%2Ffont-awesome%2Fcss%2Ffont-awesome-sha512-SfTiTlX6kk%2Bqitfevl_7LibUOeJWlt9rbyDn92a1DqWOw9vWG2MFoays0sgObmWazO5BQPiFucnnEAjpAB%2B_Sw%3D%3D.min.css%22%7D%2C%22%2Fassets%2Fstyles%2Fnpm.css%22%3A%7B%22integrity%22%3A%22sha512-dGXN6LvbwmcY1a71btRiirj5lcyRk%2B6BaKMEt65vRSWBuzC6KkUnxbWqu3iUzr2d9ebkkryKiN1scefAFOcCSQ%3D%3D%22%2C%22newURL%22%3A%22..%2Fassets%2Fstyles%2Fnpm-sha512-dGXN6LvbwmcY1a71btRiirj5lcyRk%2B6BaKMEt65vRSWBuzC6KkUnxbWqu3iUzr2d9ebkkryKiN1scefAFOcCSQ%3D%3D.css%22%7D%2C%22%2Fassets-runkit-packages-static%2Ftext.css%22%3A%7B%22integrity%22%3A%22sha512-hMXVzQAm7WMNCxFLorSUo1dfndC%2FejjrhL2K9jnPmmgj%2BuuhgPbFv7FjyklBmCF4WipTv9GxC90scnXU3LZT2A%3D%3D%22%2C%22newURL%22%3A%22..%2Fassets-runkit-packages-static%2Ftext-sha512-hMXVzQAm7WMNCxFLorSUo1dfndC_ejjrhL2K9jnPmmgj%2BuuhgPbFv7FjyklBmCF4WipTv9GxC90scnXU3LZT2A%3D%3D.css%22%7D%2C%22%2Fassets%2Fstyles%2Fwindow-buttons.css%22%3A%7B%22integrity%22%3A%22sha512-L0RXJ4mRmlnfIxu%2FqwR7G83Ne4rQ6PEuCFnjGdOFbONwe2E%2Bi9FHsWgJ0kDhJ5uHf98Q79ipYYYucSUoAxbUgA%3D%3D%22%2C%22newURL%22%3A%22..%2Fassets%2Fstyles%2Fwindow-buttons-sha512-L0RXJ4mRmlnfIxu_qwR7G83Ne4rQ6PEuCFnjGdOFbONwe2E%2Bi9FHsWgJ0kDhJ5uHf98Q79ipYYYucSUoAxbUgA%3D%3D.css%22%7D%2C%22%2Fassets%2Fvendor%2Fphoton%2Ficons.min.css%22%3A%7B%22integrity%22%3A%22sha512-4pURzInKvIGq8AfiVX2AFrOL3Amo9X%2FwfnhZFdNLab9NClylJ1Txa39ilHDhlP%2BDI8N%2F%2FqKKC9q3jKEGP1xxBQ%3D%3D%22%2C%22newURL%22%3A%22..%2Fassets%2Fvendor%2Fphoton%2Ficons-sha512-4pURzInKvIGq8AfiVX2AFrOL3Amo9X_wfnhZFdNLab9NClylJ1Txa39ilHDhlP%2BDI8N__qKKC9q3jKEGP1xxBQ%3D%3D.min.css%22%7D%2C%22%2Fassets%2Fstyles%2Freadme.css%22%3A%7B%22integrity%22%3A%22sha512-WhtYK%2Bo5241rgIy%2FqYspTo70CNGhazB89qL%2BIxVYKb6u1qbXSgfjS3%2BPpUr9LqmbZdtJRC%2FyvWZdHFe4jQ4pwg%3D%3D%22%2C%22newURL%22%3A%22..%2Fassets%2Fstyles%2Freadme-sha512-WhtYK%2Bo5241rgIy_qYspTo70CNGhazB89qL%2BIxVYKb6u1qbXSgfjS3%2BPpUr9LqmbZdtJRC_yvWZdHFe4jQ4pwg%3D%3D.css%22%7D%2C%22%2Fassets-runkit-packages-static%2Fbootstrap-reboot.css%22%3A%7B%22integrity%22%3A%22sha512-JtCUSOdqjetJggepwCCR9FT8g07iSENmKyOFQ%2Fcc5WsATPU6f57wEODAHzoqWy%2B%2FQIALSVDSmf%2F2XcYF83gWFg%3D%3D%22%2C%22newURL%22%3A%22..%2Fassets-runkit-packages-static%2Fbootstrap-reboot-sha512-JtCUSOdqjetJggepwCCR9FT8g07iSENmKyOFQ_cc5WsATPU6f57wEODAHzoqWy%2B_QIALSVDSmf_2XcYF83gWFg%3D%3D.css%22%7D%2C%22%2Fassets%2Fstyles%2Ferror-pages.css%22%3A%7B%22integrity%22%3A%22sha512-wc0YZ4YI9QYzM021UgryZhTff2THiN3aLCk40mEGBgaRokLMSOulNQ%2FWYo54nVHyafnx9xc92BQK4mdFgdv1Rg%3D%3D%22%2C%22newURL%22%3A%22..%2Fassets%2Fstyles%2Ferror-pages-sha512-wc0YZ4YI9QYzM021UgryZhTff2THiN3aLCk40mEGBgaRokLMSOulNQ_WYo54nVHyafnx9xc92BQK4mdFgdv1Rg%3D%3D.css%22%7D%2C%22%2Fassets%2Fstyles%2Fbase.css%22%3A%7B%22integrity%22%3A%22sha512-JJhyit1rR09PVXP%2BQrvQFLhZEfqp6%2BNWtO1rnlzKWmb1pD%2FKdq2OZ0dfE69CmGq2HgNzjHNwZ7dLDdc1oIC1hQ%3D%3D%22%2C%22newURL%22%3A%22..%2Fassets%2Fstyles%2Fbase-sha512-JJhyit1rR09PVXP%2BQrvQFLhZEfqp6%2BNWtO1rnlzKWmb1pD_Kdq2OZ0dfE69CmGq2HgNzjHNwZ7dLDdc1oIC1hQ%3D%3D.css%22%7D%2C%22%2Fassets-runkit-packages-static%2Fimage.css%22%3A%7B%22integrity%22%3A%22sha512-EV%2FRYpveYeVN5fq2AdLzNs8HSBBtJ9LblWhwj8Eymy2mSZSXGStEGBFSdL9j4a57Q8Mnsj11s32NSu7W1XctTA%3D%3D%22%2C%22newURL%22%3A%22..%2Fassets-runkit-packages-static%2Fimage-sha512-EV_RYpveYeVN5fq2AdLzNs8HSBBtJ9LblWhwj8Eymy2mSZSXGStEGBFSdL9j4a57Q8Mnsj11s32NSu7W1XctTA%3D%3D.css%22%7D%2C%22%2Fassets%2Fvendor%2Fphotonkit%2Fphoton.min.css%22%3A%7B%22integrity%22%3A%22sha512-8qj8n6SsrAaV3baPN5S%2BKDMN7JYIx8BC%2Bej%2BBUMBfbk%2BQkXB7GF3rMhCyhqYjDm8%2B89yV0J5aVDI5%2FPRwVI5jw%3D%3D%22%2C%22newURL%22%3A%22..%2Fassets%2Fvendor%2Fphotonkit%2Fphoton-sha512-8qj8n6SsrAaV3baPN5S%2BKDMN7JYIx8BC%2Bej%2BBUMBfbk%2BQkXB7GF3rMhCyhqYjDm8%2B89yV0J5aVDI5_PRwVI5jw%3D%3D.min.css%22%7D%7D</script><script type = "javascript/uri-encoded-json" id = "serialized-client-env">%7B%22CSRF%22%3A%22bae1634e-9638-4456-8076-fe5a3aecd7bd%22%2C%22VERSION%22%3A%22ce0f1cbf00545d68f7a212bb4a3cb3a4aac49d35%22%2C%22SENTRY_PUBLIC_DSN%22%3A%22https%3A%2F%2Ffc5fbd4eddce4289afde53ed4fc1dabe%40sentry.io%2F47331%22%2C%22RENDERED_HTML_HOST%22%3A%22runkit-rendered-html.com%22%2C%22OUTPUT_BUFFER_HOST%22%3A%22runkit-output-buffer.com%22%2C%22IMAGE_PROXY_HOST%22%3A%22runkit-image-proxy.com%22%2C%22NOTEBOOK_DOWNLOAD_HOST%22%3A%22runkit-notebook-download.com%22%2C%22DOCS_HOST%22%3A%22docs.runkitcdn.com%22%2C%22BADGE_HOST%22%3A%22badge.runkitcdn.com%22%2C%22THEMES_HOST%22%3A%22themes.runkitcdn.com%22%2C%22APP_HOST%22%3A%22runkit.com%22%2C%22EMBED_HOST%22%3A%22embed.runkit.com%22%2C%22NPM_HOST%22%3A%22npm.runkit.com%22%2C%22STATIC_HOST%22%3A%22static.runkitcdn.com%22%2C%22RUNKIT_PACKAGES_HOST%22%3A%22runkit-packages.com%22%2C%22RUNKIT_PACKAGES_DOWNLOAD_HOST%22%3A%22runkit-packages-download.com%22%2C%22RUNKIT_PACKAGES_STATIC_HOST%22%3A%22runkit-packages-static.com%22%2C%22RUNKIT_PACKAGES_STATIC_EXECUTABLES_HOST%22%3A%22runkit-packages-static-executables.com%22%2C%22API_HOST%22%3A%22runkit.sh%22%2C%22LEGACY_API_HOST%22%3A%22runkit.io%22%2C%22WELCOME_DOC_URL%22%3A%22%2Frunkit%2Fwelcome%2F7.0.0%2Fclone%3Fresults%3Dfalse%22%2C%22GA_TRACKING_RUNKIT_EMBEDS%22%3A%22UA-65519033-3%22%2C%22GOOGLE_ANALYTICS_ID%22%3A%22UA-65519033-1%22%2C%22MAPBOX_PUBLIC_KEY%22%3A%22pk.eyJ1IjoidG9sbWFza3kiLCJhIjoiY2o0Yms3MmRyMDFhZDJxcHMwaWN0ZzFjZCJ9.ChGWCB7PLE-FaWVeksrjdQ%22%7D</script><script type = "javascript/uri-encoded-json" id = "react-properties">%7B%22index%22%3A23%2C%22objects%22%3A%5Btrue%2Cfalse%2C%22value%22%2C%22__noInspect%22%2C%22%22%2C%22state%22%2C%22%2Fuser%22%2C%22%2Fnpm%2Finfo%2Freact-native-scrollable-tab-view%22%2C%22%2Ftime%22%2C%22href%22%2C%5B0%2C41%2C42%2C43%2C44%2C45%2C0%2C46%2C1%2C47%2C48%2C49%2C50%2C51%2C52%2C53%2C54%2C55%2C19%2C56%2C57%2C58%2C11%2C59%2C60%5D%2C%5B1%2C69%2C70%2C71%2C72%2C73%2C74%2C75%2C76%2C77%2C78%2C79%5D%2C%22%24href%22%2C%22once%22%2C%22loaded%22%2C%22previousArguments%22%2C%22previousResult%22%2C1732864882855%2C%22current-results%22%2C%22react-native-scrollable-tab-view%22%2C%22values%22%2C%22react-native%22%2C%22root%22%2C%5B2%2C25%2C24%2C27%2C26%5D%2C%5B2%2C29%2C28%2C5%2C30%2C32%2C31%2C33%2C1%2C34%2C-2%5D%2C%22props%22%2C%5B2%2C6%2C35%2C7%2C36%2C8%2C37%5D%2C%22resourceCache%22%2C%22https%3A%2F%2Fnpm.runkit.com%2Freact-native-scrollable-tab-view%22%2C%22URL%22%2C%5B0%2C38%2C39%5D%2C%22bae1634e-9638-4456-8076-fe5a3aecd7bd%22%2C%22csrf%22%2C%22admin%22%2C%22isStaff%22%2C%5B2%2C9%2C6%2C2%2C-1%5D%2C%5B2%2C9%2C7%2C2%2C10%5D%2C%5B2%2C9%2C8%2C2%2C17%5D%2C%22user%22%2C%5B0%2C18%2C40%5D%2C%5B0%2C20%2C61%2C5%2C62%5D%2C%22license%22%2C%22MIT%22%2C%22engine%22%2C%2218.x.x%22%2C%22canBeDirectlyRequired%22%2C%22dependencies%22%2C%22keywords%22%2C%5B1%2C63%2C64%2C21%2C65%2C66%2C67%5D%2C%22peerDependencies%22%2C%5B0%2C21%2C68%5D%2C%22readme%22%2C%22%3Ch2%3Ereact-native-scrollable-tab-view%3C%2Fh2%3E%5Cn%3Cp%20class%3D%5C%22badge-only%5C%22%3E%3Ca%20href%3D%5C%22https%3A%2F%2Fbadge.fury.io%2Fjs%2Freact-native-scrollable-tab-view%5C%22%3E%3Cimg%20src%3D%5C%22https%3A%2F%2Fbadge.fury.io%2Fjs%2Freact-native-scrollable-tab-view.svg%5C%22%20alt%3D%5C%22npm%20version%5C%22%20class%3D%5C%22badge%5C%22%3E%3C%2Fa%3E%3C%2Fp%3E%5Cn%3Cp%3EThis%20is%20probably%20my%20favorite%20navigation%20pattern%20on%20Android%2C%20I%20wish%20it%5Cnwere%20more%20common%20on%20iOS!%20This%20is%20a%20very%20simple%20JavaScript-only%5Cnimplementation%20of%20it%20for%20React%20Native.%20For%20more%20information%20about%20how%5Cnthe%20animations%20behind%20this%20work%2C%20check%20out%20the%20Rebound%20section%20of%20the%5Cn%3Ca%20href%3D%5C%22https%3A%2F%2Ffacebook.github.io%2Freact-native%2Fdocs%2Fanimations.html%5C%22%3EReact%20Native%20Animation%20Guide%3C%2Fa%3E%3C%2Fp%3E%5Cn%3Ch2%3EAdd%20it%20to%20your%20project%3C%2Fh2%3E%5Cn%3Col%3E%5Cn%3Cli%3ERun%20%3Ccode%3Enpm%20install%20react-native-scrollable-tab-view%20--save%3C%2Fcode%3E%3C%2Fli%3E%5Cn%3Cli%3E%3Ccode%3Evar%20ScrollableTabView%20%3D%20require(%26apos%3Breact-native-scrollable-tab-view%26apos%3B)%3B%3C%2Fcode%3E%3C%2Fli%3E%5Cn%3C%2Fol%3E%5Cn%3Ch2%3EDemo%3C%2Fh2%3E%5Cn%3Cp%3E%3Ca%20href%3D%5C%22https%3A%2F%2Fappetize.io%2Fembed%2F6qfv7eydjtm34mhn6qwj2nt3xm%3Fembed%3Dtrue%26amp%3BscreenOnly%3Dfalse%26amp%3BxdocMsg%3Dtrue%26amp%3Bdebug%3Dtrue%26amp%3Bscale%3D100%26amp%3BdeviceColor%3Dblack%26amp%3Borientation%3Dportrait%26amp%3Bdevice%3Diphone6s%26amp%3BosVersion%3D9.3%26amp%3BdeviceId%3DRGV2aWNlOjU2Y2FjNTExZWQwOTM2MTEwMGRhYTNlNg%26amp%3Bplatform%3Dios%26amp%3Bwidth%3D375%26amp%3Bheight%3D668%26amp%3BphoneWidth%3D416%26amp%3BphoneHeight%3D870%26amp%3BscreenOffsetLeft%3D21%26amp%3BscreenOffsetTop%3D100%26amp%3Bparams%3D%257B%257D%5C%22%20target%3D%5C%22_blank%5C%22%3E%3Cstrong%3ERun%20this%20example%3C%2Fstrong%3E%3C%2Fa%3E%3C%2Fp%3E%5Cn%3Cp%3E%3Ca%20href%3D%5C%22https%3A%2F%2Fraw.githubusercontent.com%2Fbrentvatne%2Freact-native-scrollable-tab-view%2Fmaster%2Fdemo_images%2Fdemo.gif%5C%22%3E%3Cimg%20src%3D%5C%22https%3A%2F%2Fraw.githubusercontent.com%2Fbrentvatne%2Freact-native-scrollable-tab-view%2Fmaster%2Fdemo_images%2Fdemo.gif%5C%22%20width%3D%5C%22350%5C%22%3E%3C%2Fa%3E%5Cn%3Ca%20href%3D%5C%22https%3A%2F%2Fraw.githubusercontent.com%2Fbrentvatne%2Freact-native-scrollable-tab-view%2Fmaster%2Fdemo_images%2Fdemo-fb.gif%5C%22%3E%3Cimg%20src%3D%5C%22https%3A%2F%2Fraw.githubusercontent.com%2Fbrentvatne%2Freact-native-scrollable-tab-view%2Fmaster%2Fdemo_images%2Fdemo-fb.gif%5C%22%20width%3D%5C%22350%5C%22%3E%3C%2Fa%3E%3C%2Fp%3E%5Cn%3Ch2%3EBasic%20usage%3C%2Fh2%3E%5Cn%3Cpre%3E%3Ccode%20class%3D%5C%22language-javascript%5C%22%3Evar%20ScrollableTabView%20%3D%20require(%26apos%3Breact-native-scrollable-tab-view%26apos%3B)%3B%5Cn%5Cnvar%20App%20%3D%20React.createClass(%7B%5Cn%20%20render()%20%7B%5Cn%20%20%20%20return%20(%5Cn%20%20%20%20%20%20%26lt%3BScrollableTabView%26gt%3B%5Cn%20%20%20%20%20%20%20%20%26lt%3BReactPage%20tabLabel%3D%26quot%3BReact%26quot%3B%20%2F%26gt%3B%5Cn%20%20%20%20%20%20%20%20%26lt%3BFlowPage%20tabLabel%3D%26quot%3BFlow%26quot%3B%20%2F%26gt%3B%5Cn%20%20%20%20%20%20%20%20%26lt%3BJestPage%20tabLabel%3D%26quot%3BJest%26quot%3B%20%2F%26gt%3B%5Cn%20%20%20%20%20%20%26lt%3B%2FScrollableTabView%26gt%3B%5Cn%20%20%20%20)%3B%5Cn%20%20%7D%5Cn%7D)%3B%5Cn%3C%2Fcode%3E%3C%2Fpre%3E%5Cn%3Ch2%3EInjecting%20a%20custom%20tab%20bar%3C%2Fh2%3E%5Cn%3Cp%3ESuppose%20we%20had%20a%20custom%20tab%20bar%20called%20%3Ccode%3ECustomTabBar%3C%2Fcode%3E%2C%20we%20would%20inject%5Cnit%20into%20our%20%3Ccode%3EScrollableTabView%3C%2Fcode%3E%20like%20this%3A%3C%2Fp%3E%5Cn%3Cpre%3E%3Ccode%20class%3D%5C%22language-javascript%5C%22%3Evar%20ScrollableTabView%20%3D%20require(%26apos%3Breact-native-scrollable-tab-view%26apos%3B)%3B%5Cnvar%20CustomTabBar%20%3D%20require(%26apos%3B.%2FCustomTabBar%26apos%3B)%3B%5Cn%5Cnvar%20App%20%3D%20React.createClass(%7B%5Cn%20%20render()%20%7B%5Cn%20%20%20%20return%20(%5Cn%20%20%20%20%20%20%26lt%3BScrollableTabView%20renderTabBar%3D%7B()%20%3D%26gt%3B%20%26lt%3BCustomTabBar%20someProp%3D%7B%26apos%3Bhere%26apos%3B%7D%20%2F%26gt%3B%7D%26gt%3B%5Cn%20%20%20%20%20%20%20%20%26lt%3BReactPage%20tabLabel%3D%26quot%3BReact%26quot%3B%20%2F%26gt%3B%5Cn%20%20%20%20%20%20%20%20%26lt%3BFlowPage%20tabLabel%3D%26quot%3BFlow%26quot%3B%20%2F%26gt%3B%5Cn%20%20%20%20%20%20%20%20%26lt%3BJestPage%20tabLabel%3D%26quot%3BJest%26quot%3B%20%2F%26gt%3B%5Cn%20%20%20%20%20%20%26lt%3B%2FScrollableTabView%26gt%3B%5Cn%20%20%20%20)%3B%5Cn%20%20%7D%5Cn%7D)%3B%5Cn%3C%2Fcode%3E%3C%2Fpre%3E%5Cn%3Cp%3ETo%20start%20you%20can%20just%20copy%20%3Ca%20href%3D%5C%22https%3A%2F%2Fgithub.com%2Fskv-headless%2Freact-native-scrollable-tab-view%2Fblob%2Fmaster%2FDefaultTabBar.js%5C%22%3EDefaultTabBar%3C%2Fa%3E.%3C%2Fp%3E%5Cn%3Ch2%3EExamples%3C%2Fh2%3E%5Cn%3Cp%3E%3Ca%20href%3D%5C%22https%3A%2F%2Fgithub.com%2Fskv-headless%2Freact-native-scrollable-tab-view%2Fblob%2Fmaster%2FExample%2FSimpleExample.js%5C%22%3ESimpleExample%3C%2Fa%3E.%3C%2Fp%3E%5Cn%3Cp%3E%3Ca%20href%3D%5C%22https%3A%2F%2Fgithub.com%2Fskv-headless%2Freact-native-scrollable-tab-view%2Fblob%2Fmaster%2FExample%2FScrollableTabsExample.js%5C%22%3EScrollableTabsExample%3C%2Fa%3E.%3C%2Fp%3E%5Cn%3Cp%3E%3Ca%20href%3D%5C%22https%3A%2F%2Fgithub.com%2Fskv-headless%2Freact-native-scrollable-tab-view%2Fblob%2Fmaster%2FExample%2FOverlayExample.js%5C%22%3EOverlayExample%3C%2Fa%3E.%3C%2Fp%3E%5Cn%3Cp%3E%3Ca%20href%3D%5C%22https%3A%2F%2Fgithub.com%2Fskv-headless%2Freact-native-scrollable-tab-view%2Fblob%2Fmaster%2FExample%2FFacebookExample.js%5C%22%3EFacebookExample%3C%2Fa%3E.%3C%2Fp%3E%5Cn%3Ch2%3EProps%3C%2Fh2%3E%5Cn%3Cul%3E%5Cn%3Cli%3E%3Cstrong%3E%3Ccode%3ErenderTabBar%3C%2Fcode%3E%3C%2Fstrong%3E%20%3Cem%3E(Function%3AReactComponent)%3C%2Fem%3E%20-%20accept%201%20argument%20%3Ccode%3Eprops%3C%2Fcode%3E%20and%20should%20return%20a%20component%20to%20use%20as%5Cnthe%20tab%20bar.%20The%20component%20has%20%3Ccode%3EgoToPage%3C%2Fcode%3E%2C%20%3Ccode%3Etabs%3C%2Fcode%3E%2C%20%3Ccode%3EactiveTab%3C%2Fcode%3E%20and%5Cn%3Ccode%3Eref%3C%2Fcode%3E%20added%20to%20the%20props%2C%20and%20should%20implement%20%3Ccode%3EsetAnimationValue%3C%2Fcode%3E%20to%5Cnbe%20able%20to%20animate%20itself%20along%20with%20the%20tab%20content.%20You%20can%20manually%20pass%20the%20%3Ccode%3Eprops%3C%2Fcode%3E%20to%20the%20TabBar%20component.%3C%2Fli%3E%5Cn%3Cli%3E%3Cstrong%3E%3Ccode%3EtabBarPosition%3C%2Fcode%3E%3C%2Fstrong%3E%20%3Cem%3E(String)%3C%2Fem%3E%20Defaults%20to%20%3Ccode%3E%26quot%3Btop%26quot%3B%3C%2Fcode%3E.%5Cn%3Cul%3E%5Cn%3Cli%3E%3Ccode%3E%26quot%3Bbottom%26quot%3B%3C%2Fcode%3E%20to%20position%20the%20tab%20bar%20below%20content.%3C%2Fli%3E%5Cn%3Cli%3E%3Ccode%3E%26quot%3BoverlayTop%26quot%3B%3C%2Fcode%3E%20or%20%3Ccode%3E%26quot%3BoverlayBottom%26quot%3B%3C%2Fcode%3E%20for%20a%20semitransparent%20tab%20bar%20that%20overlays%20content.%20Custom%20tab%20bars%20must%20consume%20a%20style%20prop%20on%20their%20outer%20element%20to%20support%20this%20feature%3A%20%3Ccode%3Estyle%3D%7Bthis.props.style%7D%3C%2Fcode%3E.%3C%2Fli%3E%5Cn%3C%2Ful%3E%5Cn%3C%2Fli%3E%5Cn%3Cli%3E%3Cstrong%3E%3Ccode%3EonChangeTab%3C%2Fcode%3E%3C%2Fstrong%3E%20%3Cem%3E(Function)%3C%2Fem%3E%20-%20function%20to%20call%20when%20tab%20changes%2C%20should%20accept%201%20argument%20which%20is%20an%20Object%20containing%20two%20keys%3A%20%3Ccode%3Ei%3C%2Fcode%3E%3A%20the%20index%20of%20the%20tab%20that%20is%20selected%2C%20%3Ccode%3Eref%3C%2Fcode%3E%3A%20the%20ref%20of%20the%20tab%20that%20is%20selected%3C%2Fli%3E%5Cn%3Cli%3E%3Cstrong%3E%3Ccode%3EonScroll%3C%2Fcode%3E%3C%2Fstrong%3E%20%3Cem%3E(Function)%3C%2Fem%3E%20-%20function%20to%20call%20when%20the%20pages%20are%20sliding%2C%20should%20accept%201%20argument%20which%20is%20an%20Float%20number%20representing%20the%20page%20position%20in%20the%20slide%20frame.%3C%2Fli%3E%5Cn%3Cli%3E%3Cstrong%3E%3Ccode%3Elocked%3C%2Fcode%3E%3C%2Fstrong%3E%20%3Cem%3E(Bool)%3C%2Fem%3E%20-%20disables%20horizontal%20dragging%20to%20scroll%20between%20tabs%2C%20default%20is%20false.%3C%2Fli%3E%5Cn%3Cli%3E%3Cstrong%3E%3Ccode%3EinitialPage%3C%2Fcode%3E%3C%2Fstrong%3E%20%3Cem%3E(Integer)%3C%2Fem%3E%20-%20the%20index%20of%20the%20initially%20selected%20tab%2C%20defaults%20to%200%20%3D%3D%3D%20first%20tab.%3C%2Fli%3E%5Cn%3Cli%3E%3Cstrong%3E%3Ccode%3Epage%3C%2Fcode%3E%3C%2Fstrong%3E%20%3Cem%3E(Integer)%3C%2Fem%3E%20-%20set%20selected%20tab(can%20be%20buggy%20see%20%20%3Ca%20href%3D%5C%22https%3A%2F%2Fgithub.com%2Fbrentvatne%2Freact-native-scrollable-tab-view%2Fissues%2F126%5C%22%3E%23126%3C%2Fa%3E%3C%2Fli%3E%5Cn%3Cli%3E%3Cstrong%3E%3Ccode%3Echildren%3C%2Fcode%3E%3C%2Fstrong%3E%20%3Cem%3E(ReactComponents)%3C%2Fem%3E%20-%20each%20top-level%20child%20component%20should%20have%20a%20%3Ccode%3EtabLabel%3C%2Fcode%3E%20prop%20that%20can%20be%20used%20by%20the%20tab%20bar%20component%20to%20render%20out%20the%20labels.%20The%20default%20tab%20bar%20expects%20it%20to%20be%20a%20string%2C%20but%20you%20can%20use%20anything%20you%20want%20if%20you%20make%20a%20custom%20tab%20bar.%3C%2Fli%3E%5Cn%3Cli%3E%3Cstrong%3E%3Ccode%3EtabBarUnderlineStyle%3C%2Fcode%3E%3C%2Fstrong%3E%20%3Cem%3E(%3Ca%20href%3D%5C%22https%3A%2F%2Ffacebook.github.io%2Freact-native%2Fdocs%2Fview.html%23style%5C%22%3EView.propTypes.style%3C%2Fa%3E)%3C%2Fem%3E%20-%20style%20of%20the%20default%20tab%20bar%26apos%3Bs%20underline.%3C%2Fli%3E%5Cn%3Cli%3E%3Cstrong%3E%3Ccode%3EtabBarBackgroundColor%3C%2Fcode%3E%3C%2Fstrong%3E%20%3Cem%3E(String)%3C%2Fem%3E%20-%20color%20of%20the%20default%20tab%20bar%26apos%3Bs%20background%2C%20defaults%20to%20%3Ccode%3Ewhite%3C%2Fcode%3E%3C%2Fli%3E%5Cn%3Cli%3E%3Cstrong%3E%3Ccode%3EtabBarActiveTextColor%3C%2Fcode%3E%3C%2Fstrong%3E%20%3Cem%3E(String)%3C%2Fem%3E%20-%20color%20of%20the%20default%20tab%20bar%26apos%3Bs%20text%20when%20active%2C%20defaults%20to%20%3Ccode%3Enavy%3C%2Fcode%3E%3C%2Fli%3E%5Cn%3Cli%3E%3Cstrong%3E%3Ccode%3EtabBarInactiveTextColor%3C%2Fcode%3E%3C%2Fstrong%3E%20%3Cem%3E(String)%3C%2Fem%3E%20-%20color%20of%20the%20default%20tab%20bar%26apos%3Bs%20text%20when%20inactive%2C%20defaults%20to%20%3Ccode%3Eblack%3C%2Fcode%3E%3C%2Fli%3E%5Cn%3Cli%3E%3Cstrong%3E%3Ccode%3EtabBarTextStyle%3C%2Fcode%3E%3C%2Fstrong%3E%20%3Cem%3E(Object)%3C%2Fem%3E%20-%20Additional%20styles%20to%20the%20tab%20bar%26apos%3Bs%20text.%20Example%3A%20%3Ccode%3E%7BfontFamily%3A%20%26apos%3BRoboto%26apos%3B%2C%20fontSize%3A%2015%7D%3C%2Fcode%3E%3C%2Fli%3E%5Cn%3Cli%3E%3Cstrong%3E%3Ccode%3Estyle%3C%2Fcode%3E%3C%2Fstrong%3E%20%3Cem%3E(%3Ca%20href%3D%5C%22https%3A%2F%2Ffacebook.github.io%2Freact-native%2Fdocs%2Fview.html%23style%5C%22%3EView.propTypes.style%3C%2Fa%3E)%3C%2Fem%3E%3C%2Fli%3E%5Cn%3Cli%3E%3Cstrong%3E%3Ccode%3EcontentProps%3C%2Fcode%3E%3C%2Fstrong%3E%20%3Cem%3E(Object)%3C%2Fem%3E%20-%20props%20that%20are%20applied%20to%20root%20%3Ccode%3EScrollView%3C%2Fcode%3E%2F%3Ccode%3EViewPagerAndroid%3C%2Fcode%3E.%20Note%20that%20overriding%20defaults%20set%20by%20the%20library%20may%20break%20functionality%3B%20see%20the%20source%20for%20details.%3C%2Fli%3E%5Cn%3Cli%3E%3Cstrong%3E%3Ccode%3EscrollWithoutAnimation%3C%2Fcode%3E%3C%2Fstrong%3E%20%3Cem%3E(Bool)%3C%2Fem%3E%20-%20on%20tab%20press%20change%20tab%20without%20animation.%3C%2Fli%3E%5Cn%3Cli%3E%3Cstrong%3E%3Ccode%3EprerenderingSiblingsNumber%3C%2Fcode%3E%3C%2Fstrong%3E%20%3Cem%3E(Integer)%3C%2Fem%3E%20-%20pre-render%20nearby%20%23%20sibling%2C%20%3Ccode%3EInfinity%3C%2Fcode%3E%20%3D%3D%3D%20render%20all%20the%20siblings%2C%20default%20to%200%20%3D%3D%3D%20render%20current%20page.%3C%2Fli%3E%5Cn%3C%2Ful%3E%5Cn%3Ch2%3EContribution%3C%2Fh2%3E%5Cn%3Cp%3E%3Cstrong%3EIssues%3C%2Fstrong%3E%20are%20welcome.%20Please%20add%20a%20screenshot%20of%20bug%20and%20code%20snippet.%20Quickest%20way%20to%20solve%20issue%20is%20to%20reproduce%20it%20on%20one%20of%20the%20examples.%3C%2Fp%3E%5Cn%3Cp%3E%3Cstrong%3EPull%20requests%3C%2Fstrong%3E%20are%20welcome.%20If%20you%20want%20to%20change%20API%20or%20making%20something%20big%20better%20to%20create%20issue%20and%20discuss%20it%20first.%20Before%20submiting%20PR%20please%20run%20%3Ccode%3Eeslint%20.%3C%2Fcode%3E%20Also%20all%20eslint%20fixes%20are%20welcome.%3C%2Fp%3E%5Cn%3Cp%3EPlease%20attach%20video%20or%20gif%20to%20PR%26apos%3Bs%20and%20issues%20it%20is%20super%20helpful.%3C%2Fp%3E%5Cn%3Cp%3E%3Ca%20href%3D%5C%22http%3A%2F%2Fwww.abeautifulsite.net%2Frecording-a-screencast-with-quicktime%2F%5C%22%20target%3D%5C%22_blank%5C%22%3EHow%20to%20make%20video%3C%2Fa%3E%3C%2Fp%3E%5Cn%3Cp%3E%3Ca%20href%3D%5C%22https%3A%2F%2Fgithub.com%2Fjclem%2Fgifify%5C%22%20target%3D%5C%22_blank%5C%22%3EHow%20to%20make%20gif%20from%20video%3C%2Fa%3E%3C%2Fp%3E%5Cn%3Chr%3E%5Cn%3Cp%3E%3Cstrong%3EMIT%20Licensed%3C%2Fstrong%3E%3C%2Fp%3E%5Cn%22%2C%22homepage%22%2C%22https%3A%2F%2Fgithub.com%2Fbrentvatne%2Freact-native-scrollable-tab-view%23readme%22%2C%22packageName%22%2C%22timestamp%22%2C%221572266071520%22%2C%22directoryListing%22%2C%22version%22%2C%221.0.0%22%2C%5B0%2C80%2C81%5D%2C%5B0%2C82%2C83%5D%2C%22react-native-component%22%2C%22react-component%22%2C%22ios%22%2C%22tab%22%2C%22scrollable%22%2C%22%3E%3D0.20.0%22%2C%22Button.android.js%22%2C%22Button.ios.js%22%2C%22DefaultTabBar.js%22%2C%22index.js%22%2C%22package.json%22%2C%22README.md%22%2C%22SceneComponent.js%22%2C%22ScrollableTabBar.js%22%2C%22StaticContainer.js%22%2C%22yarn.lock%22%2C%22.eslintrc%22%2C%22only%22%2C%5B0%2C12%2C6%2C13%2C1%2C14%2C84%5D%2C%22router%22%2C%5B0%2C85%2C86%5D%2C%5B0%2C3%2C0%2C2%2C-1%5D%2C%22selected%22%2C%5B0%2C87%2C88%5D%2C%22page%22%2C%5B0%2C18%2C89%5D%2C%5B0%2C20%2C90%2C5%2C91%5D%2C%5B0%2C92%2C93%2C94%2C95%5D%2C%5B0%2C96%2C10%2C97%2C1%2C98%2C99%2C100%2C101%5D%2C%22%2BaMetadata%22%2C%5B0%2C12%2C7%2C13%2C1%2C14%2C102%5D%2C%22%2Btimestamp%22%2C%5B0%2C12%2C8%2C13%2C0%2C14%2C103%5D%2C%22initial-metadata%22%2C%22hide-banner%22%2C%22playground%22%2C%5B0%2C104%2C-2%5D%2C%22package-detail%22%2C%5B0%2C22%2C105%2C106%2C107%2C108%2C109%2C110%2C1%2C111%2C112%2C113%2C114%5D%2C%5B0%2C3%2C0%2C2%2C10%5D%2C%5B0%2C3%2C0%2C2%2C17%5D%2C%22notebook-url%22%2C%5B0%2C3%2C0%2C15%2C115%2C16%2C116%5D%2C%22selectedPath%22%2C%5B0%2C3%2C0%2C15%2C117%2C16%2C118%5D%2C%22rootPath%22%2C%5B0%2C3%2C0%2C15%2C119%2C16%2C120%5D%2C%22fileBrowserActive%22%2C%22search%22%2C%5B0%2C121%2C122%5D%2C%22source-viewer%22%2C%5B0%2C123%2C124%2C125%2C126%5D%2C%5B1%2C11%5D%2C%5B1%2C22%2C11%5D%2C%5B1%2C4%5D%2C%5B1%2C4%5D%2C%5B1%2C127%5D%2C%5B1%2C4%2C19%5D%2C%22module-search%22%2C%5B0%2C128%2C4%2C129%2C130%2C131%2C1%5D%2C%22name%22%2C%22586a3cdd-f0d6-423b-99fb-bd2b23ddc5f4%22%2C%22iframeState%22%2C%22done%22%2C%22%2Freact-native-scrollable-tab-view%22%2C%22query%22%2C%22selection%22%2C0%2C%22showSearchResults%22%5D%2C%22typeMap%22%3A%7B%220%22%3A7%2C%221%22%3A9%2C%222%22%3A0%7D%7D</script><script type = "javascript/json" id = "rendered-class-names">[]</script><div data-ignore-width="true" style="clear:both;height:0;margin:0;padding:0"></div><script></script><script type="text/javascript" src="https://static.runkitcdn.com/assets/routes-sha512-TZhdND1K7qXpiZjsfhdQODNjV3rjSBBqHmGpj707_z8Kbb9ORcFbzBKXdVmrj4TCLnTF6Hd77hcGz8Pe9PxTUA==.bundle.js" integrity="sha512-TZhdND1K7qXpiZjsfhdQODNjV3rjSBBqHmGpj707/z8Kbb9ORcFbzBKXdVmrj4TCLnTF6Hd77hcGz8Pe9PxTUA==" crossorigin="anonymous"></script></body></html>