@ticmakers-react-native/onboarding
Version:
TIC Makers - React Native Onboarding
841 lines (840 loc) • 91.3 kB
HTML
<!doctype html>
<html class="default no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Onboarding | @ticmakers-react-native/onboarding</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../assets/css/main.css">
</head>
<body>
<header>
<div class="tsd-page-toolbar">
<div class="container">
<div class="table-wrap">
<div class="table-cell" id="tsd-search" data-index="../assets/js/search.js" data-base="..">
<div class="field">
<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
<input id="tsd-search-field" type="text" />
</div>
<ul class="results">
<li class="state loading">Preparing search index...</li>
<li class="state failure">The search index is not available</li>
</ul>
<a href="../index.html" class="title">@ticmakers-react-native/onboarding</a>
</div>
<div class="table-cell" id="tsd-widgets">
<div id="tsd-filter">
<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
<div class="tsd-filter-group">
<div class="tsd-select" id="tsd-filter-visibility">
<span class="tsd-select-label">All</span>
<ul class="tsd-select-list">
<li data-value="public">Public</li>
<li data-value="protected">Public/Protected</li>
<li data-value="private" class="selected">All</li>
</ul>
</div>
<input type="checkbox" id="tsd-filter-inherited" checked />
<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
<input type="checkbox" id="tsd-filter-only-exported" />
<label class="tsd-widget" for="tsd-filter-only-exported">Only exported</label>
</div>
</div>
<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
</div>
</div>
</div>
</div>
<div class="tsd-page-title">
<div class="container">
<ul class="tsd-breadcrumb">
<li>
<a href="../globals.html">Globals</a>
</li>
<li>
<a href="../modules/_onboarding_onboarding_.html">"Onboarding/Onboarding"</a>
</li>
<li>
<a href="_onboarding_onboarding_.onboarding.html">Onboarding</a>
</li>
</ul>
<h1>Class Onboarding<SS></h1>
</div>
</div>
</header>
<div class="container container-main">
<div class="row">
<div class="col-8 col-content">
<section class="tsd-panel tsd-comment">
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Class to define the component Onboarding</p>
</div>
<dl class="tsd-comment-tags">
<dt>class</dt>
<dd><p>Onboarding</p>
</dd>
<dt>extends</dt>
<dd><p>{React.Component<IOnboardingProps, IOnboardingState>}</p>
</dd>
</dl>
</div>
</section>
<section class="tsd-panel tsd-type-parameters">
<h3>Type parameters</h3>
<ul class="tsd-type-parameters">
<li>
<h4>SS</h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-hierarchy">
<h3>Hierarchy</h3>
<ul class="tsd-hierarchy">
<li>
<span class="tsd-signature-type">Component</span><span class="tsd-signature-symbol"><</span><a href="../interfaces/_onboarding_index_d_.ionboardingprops.html" class="tsd-signature-type">IOnboardingProps</a><span class="tsd-signature-symbol">, </span><a href="../interfaces/_onboarding_index_d_.ionboardingstate.html" class="tsd-signature-type">IOnboardingState</a><span class="tsd-signature-symbol">></span>
<ul class="tsd-hierarchy">
<li>
<span class="target">Onboarding</span>
</li>
</ul>
</li>
</ul>
</section>
<section class="tsd-panel-group tsd-index-group">
<h2>Index</h2>
<section class="tsd-panel tsd-index-panel">
<div class="tsd-index-content">
<section class="tsd-index-section ">
<h3>Constructors</h3>
<ul class="tsd-index-list">
<li class="tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite"><a href="_onboarding_onboarding_.onboarding.html#constructor" class="tsd-kind-icon">constructor</a></li>
</ul>
</section>
<section class="tsd-index-section ">
<h3>Properties</h3>
<ul class="tsd-index-list">
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="_onboarding_onboarding_.onboarding.html#context" class="tsd-kind-icon">context</a></li>
<li class="tsd-kind-property tsd-parent-kind-class"><a href="_onboarding_onboarding_.onboarding.html#flatlist" class="tsd-kind-icon">flat<wbr>List</a></li>
<li class="tsd-kind-property tsd-parent-kind-class"><a href="_onboarding_onboarding_.onboarding.html#itemvisiblehotfix" class="tsd-kind-icon">item<wbr>Visible<wbr>Hotfix</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="_onboarding_onboarding_.onboarding.html#props" class="tsd-kind-icon">props</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="_onboarding_onboarding_.onboarding.html#refs" class="tsd-kind-icon">refs</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="_onboarding_onboarding_.onboarding.html#state" class="tsd-kind-icon">state</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-static"><a href="_onboarding_onboarding_.onboarding.html#contexttype" class="tsd-kind-icon">context<wbr>Type</a></li>
</ul>
</section>
<section class="tsd-index-section ">
<h3>Methods</h3>
<ul class="tsd-index-list">
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="_onboarding_onboarding_.onboarding.html#unsafe_componentwillmount" class="tsd-kind-icon">UNSAFE_<wbr>component<wbr>Will<wbr>Mount</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="_onboarding_onboarding_.onboarding.html#unsafe_componentwillreceiveprops" class="tsd-kind-icon">UNSAFE_<wbr>component<wbr>Will<wbr>Receive<wbr>Props</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="_onboarding_onboarding_.onboarding.html#unsafe_componentwillupdate" class="tsd-kind-icon">UNSAFE_<wbr>component<wbr>Will<wbr>Update</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><a href="_onboarding_onboarding_.onboarding.html#_flatlistprops" class="tsd-kind-icon">_flatlist<wbr>Props</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><a href="_onboarding_onboarding_.onboarding.html#_onchangepage" class="tsd-kind-icon">_on<wbr>Change<wbr>Page</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><a href="_onboarding_onboarding_.onboarding.html#_ondone" class="tsd-kind-icon">_on<wbr>Done</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><a href="_onboarding_onboarding_.onboarding.html#_onlayout" class="tsd-kind-icon">_on<wbr>Layout</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><a href="_onboarding_onboarding_.onboarding.html#_onskip" class="tsd-kind-icon">_on<wbr>Skip</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><a href="_onboarding_onboarding_.onboarding.html#_onswipepagechange" class="tsd-kind-icon">_on<wbr>Swipe<wbr>Page<wbr>Change</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><a href="_onboarding_onboarding_.onboarding.html#_paginationprops" class="tsd-kind-icon">_pagination<wbr>Props</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><a href="_onboarding_onboarding_.onboarding.html#_processprops" class="tsd-kind-icon">_process<wbr>Props</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><a href="_onboarding_onboarding_.onboarding.html#_skiptolastpage" class="tsd-kind-icon">_skip<wbr>ToLast<wbr>Page</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="_onboarding_onboarding_.onboarding.html#componentdidcatch" class="tsd-kind-icon">component<wbr>Did<wbr>Catch</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="_onboarding_onboarding_.onboarding.html#componentdidmount" class="tsd-kind-icon">component<wbr>Did<wbr>Mount</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-overwrite"><a href="_onboarding_onboarding_.onboarding.html#componentdidupdate" class="tsd-kind-icon">component<wbr>Did<wbr>Update</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="_onboarding_onboarding_.onboarding.html#componentwillmount" class="tsd-kind-icon">component<wbr>Will<wbr>Mount</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="_onboarding_onboarding_.onboarding.html#componentwillreceiveprops" class="tsd-kind-icon">component<wbr>Will<wbr>Receive<wbr>Props</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="_onboarding_onboarding_.onboarding.html#componentwillunmount" class="tsd-kind-icon">component<wbr>Will<wbr>Unmount</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="_onboarding_onboarding_.onboarding.html#componentwillupdate" class="tsd-kind-icon">component<wbr>Will<wbr>Update</a></li>
<li class="tsd-kind-method tsd-parent-kind-class"><a href="_onboarding_onboarding_.onboarding.html#defaultpages" class="tsd-kind-icon">default<wbr>Pages</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="_onboarding_onboarding_.onboarding.html#forceupdate" class="tsd-kind-icon">force<wbr>Update</a></li>
<li class="tsd-kind-method tsd-parent-kind-class"><a href="_onboarding_onboarding_.onboarding.html#getcurrentpage" class="tsd-kind-icon">get<wbr>Current<wbr>Page</a></li>
<li class="tsd-kind-method tsd-parent-kind-class"><a href="_onboarding_onboarding_.onboarding.html#getpreviouspage" class="tsd-kind-icon">get<wbr>Previous<wbr>Page</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="_onboarding_onboarding_.onboarding.html#getsnapshotbeforeupdate" class="tsd-kind-icon">get<wbr>Snapshot<wbr>Before<wbr>Update</a></li>
<li class="tsd-kind-method tsd-parent-kind-class"><a href="_onboarding_onboarding_.onboarding.html#gonext" class="tsd-kind-icon">go<wbr>Next</a></li>
<li class="tsd-kind-method tsd-parent-kind-class"><a href="_onboarding_onboarding_.onboarding.html#goprev" class="tsd-kind-icon">go<wbr>Prev</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-overwrite"><a href="_onboarding_onboarding_.onboarding.html#render" class="tsd-kind-icon">render</a></li>
<li class="tsd-kind-method tsd-parent-kind-class"><a href="_onboarding_onboarding_.onboarding.html#renderpage" class="tsd-kind-icon">render<wbr>Page</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited"><a href="_onboarding_onboarding_.onboarding.html#setstate" class="tsd-kind-icon">set<wbr>State</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="_onboarding_onboarding_.onboarding.html#shouldcomponentupdate" class="tsd-kind-icon">should<wbr>Component<wbr>Update</a></li>
</ul>
</section>
</div>
</section>
</section>
<section class="tsd-panel-group tsd-member-group ">
<h2>Constructors</h2>
<section class="tsd-panel tsd-member tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite">
<a name="constructor" class="tsd-anchor"></a>
<h3>constructor</h3>
<ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite">
<li class="tsd-signature tsd-kind-icon">new <wbr>Onboarding<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><a href="../interfaces/_onboarding_index_d_.ionboardingprops.html" class="tsd-signature-type">IOnboardingProps</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="_onboarding_onboarding_.onboarding.html" class="tsd-signature-type">Onboarding</a></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<p>Overrides Component.__constructor</p>
<ul>
<li>Defined in Onboarding/Onboarding.tsx:31</li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Creates an instance of Onboarding.</p>
</div>
</div>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>props: <a href="../interfaces/_onboarding_index_d_.ionboardingprops.html" class="tsd-signature-type">IOnboardingProps</a></h5>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>props of the component</p>
</div>
</div>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <a href="_onboarding_onboarding_.onboarding.html" class="tsd-signature-type">Onboarding</a></h4>
</li>
</ul>
</section>
</section>
<section class="tsd-panel-group tsd-member-group ">
<h2>Properties</h2>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
<a name="context" class="tsd-anchor"></a>
<h3>context</h3>
<div class="tsd-signature tsd-kind-icon">context<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div>
<aside class="tsd-sources">
<p>Inherited from Component.context</p>
<ul>
<li>Defined in /home/hackettyam/www/@ticmakers/react-native/OnBoarding/node_modules/@types/react/index.d.ts:425</li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>If using the new style context, re-declare this in your class to be the
<code>React.ContextType</code> of your <code>static contextType</code>.</p>
</div>
<pre><code class="language-ts"><span class="hljs-keyword">static</span> contextType = MyContext
context!: React.ContextType<<span class="hljs-keyword">typeof</span> MyContext></code></pre>
<dl class="tsd-comment-tags">
<dt>deprecated</dt>
<dd><p>if used without a type annotation, or without static contextType</p>
</dd>
<dt>see</dt>
<dd><p><a href="https://reactjs.org/docs/legacy-context.html">https://reactjs.org/docs/legacy-context.html</a></p>
</dd>
</dl>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
<a name="flatlist" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> flat<wbr>List</h3>
<div class="tsd-signature tsd-kind-icon">flat<wbr>List<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in Onboarding/Onboarding.tsx:23</li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>The reference to the FlatList component</p>
</div>
<dl class="tsd-comment-tags">
<dt>type</dt>
<dd><p>{FlatList}</p>
</dd>
</dl>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
<a name="itemvisiblehotfix" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> item<wbr>Visible<wbr>Hotfix</h3>
<div class="tsd-signature tsd-kind-icon">item<wbr>Visible<wbr>Hotfix<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">object</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in Onboarding/Onboarding.tsx:29</li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Hotfix to swipe the pages</p>
</div>
<dl class="tsd-comment-tags">
<dt>type</dt>
<dd><p>{{ itemVisiblePercentThreshold: number }}</p>
</dd>
</dl>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
<a name="props" class="tsd-anchor"></a>
<h3>props</h3>
<div class="tsd-signature tsd-kind-icon">props<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol"><</span><a href="../interfaces/_onboarding_index_d_.ionboardingprops.html" class="tsd-signature-type">IOnboardingProps</a><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol"> & </span><span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">object</span><span class="tsd-signature-symbol">></span></div>
<aside class="tsd-sources">
<p>Inherited from Component.props</p>
<ul>
<li>Defined in /home/hackettyam/www/@ticmakers/react-native/OnBoarding/node_modules/@types/react/index.d.ts:450</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
<a name="refs" class="tsd-anchor"></a>
<h3>refs</h3>
<div class="tsd-signature tsd-kind-icon">refs<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
<aside class="tsd-sources">
<p>Inherited from Component.refs</p>
<ul>
<li>Defined in /home/hackettyam/www/@ticmakers/react-native/OnBoarding/node_modules/@types/react/index.d.ts:456</li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<dl class="tsd-comment-tags">
<dt>deprecated</dt>
<dd><p><a href="https://reactjs.org/docs/refs-and-the-dom.html#legacy-api-string-refs">https://reactjs.org/docs/refs-and-the-dom.html#legacy-api-string-refs</a></p>
</dd>
</dl>
</div>
<div class="tsd-type-declaration">
<h4>Type declaration</h4>
<ul class="tsd-parameters">
<li class="tsd-parameter-index-signature">
<h5><span class="tsd-signature-symbol">[</span>key: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">]: </span><span class="tsd-signature-type">ReactInstance</span></h5>
</li>
</ul>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
<a name="state" class="tsd-anchor"></a>
<h3>state</h3>
<div class="tsd-signature tsd-kind-icon">state<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol"><</span><a href="../interfaces/_onboarding_index_d_.ionboardingstate.html" class="tsd-signature-type">IOnboardingState</a><span class="tsd-signature-symbol">></span></div>
<aside class="tsd-sources">
<p>Inherited from Component.state</p>
<ul>
<li>Defined in /home/hackettyam/www/@ticmakers/react-native/OnBoarding/node_modules/@types/react/index.d.ts:451</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-static">
<a name="contexttype" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagStatic">Static</span> <span class="tsd-flag ts-flagOptional">Optional</span> context<wbr>Type</h3>
<div class="tsd-signature tsd-kind-icon">context<wbr>Type<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Context</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">></span></div>
<aside class="tsd-sources">
<p>Inherited from Component.contextType</p>
<ul>
<li>Defined in /home/hackettyam/www/@ticmakers/react-native/OnBoarding/node_modules/@types/react/index.d.ts:410</li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>If set, <code>this.context</code> will be set at runtime to the current value of the given Context.</p>
</div>
<p>Usage:</p>
<pre><code class="language-ts">type MyContext = number
const Ctx = React.createContext<MyContext>(0)
class Foo extends React.Component {
static contextType = Ctx
context!: React.ContextType<typeof Ctx>
render () {
return <>My context's value: {this.context}</>;
}
}</code></pre>
<dl class="tsd-comment-tags">
<dt>see</dt>
<dd><p><a href="https://reactjs.org/docs/context.html#classcontexttype">https://reactjs.org/docs/context.html#classcontexttype</a></p>
</dd>
</dl>
</div>
</section>
</section>
<section class="tsd-panel-group tsd-member-group ">
<h2>Methods</h2>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a name="unsafe_componentwillmount" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> UNSAFE_<wbr>component<wbr>Will<wbr>Mount</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<li class="tsd-signature tsd-kind-icon">UNSAFE_<wbr>component<wbr>Will<wbr>Mount<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<p>Inherited from DeprecatedLifecycle.UNSAFE_componentWillMount</p>
<ul>
<li>Defined in /home/hackettyam/www/@ticmakers/react-native/OnBoarding/node_modules/@types/react/index.d.ts:638</li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Called immediately before mounting occurs, and before <code>Component#render</code>.
Avoid introducing any side-effects or subscriptions in this method.</p>
</div>
<p>This method will not stop working in React 17.</p>
<p>Note: the presence of getSnapshotBeforeUpdate or getDerivedStateFromProps
prevents this from being invoked.</p>
<dl class="tsd-comment-tags">
<dt>deprecated</dt>
<dd><p>16.3, use componentDidMount or the constructor instead</p>
</dd>
<dt>see</dt>
<dd><p><a href="https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#initializing-state">https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#initializing-state</a></p>
</dd>
<dt>see</dt>
<dd><p><a href="https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path">https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path</a></p>
</dd>
</dl>
</div>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a name="unsafe_componentwillreceiveprops" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> UNSAFE_<wbr>component<wbr>Will<wbr>Receive<wbr>Props</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<li class="tsd-signature tsd-kind-icon">UNSAFE_<wbr>component<wbr>Will<wbr>Receive<wbr>Props<span class="tsd-signature-symbol">(</span>nextProps<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol"><</span><a href="../interfaces/_onboarding_index_d_.ionboardingprops.html" class="tsd-signature-type">IOnboardingProps</a><span class="tsd-signature-symbol">></span>, nextContext<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<p>Inherited from DeprecatedLifecycle.UNSAFE_componentWillReceiveProps</p>
<ul>
<li>Defined in /home/hackettyam/www/@ticmakers/react-native/OnBoarding/node_modules/@types/react/index.d.ts:670</li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Called when the component may be receiving new props.
React may call this even if props have not changed, so be sure to compare new and existing
props if you only want to handle changes.</p>
</div>
<p>Calling <code>Component#setState</code> generally does not trigger this method.</p>
<p>This method will not stop working in React 17.</p>
<p>Note: the presence of getSnapshotBeforeUpdate or getDerivedStateFromProps
prevents this from being invoked.</p>
<dl class="tsd-comment-tags">
<dt>deprecated</dt>
<dd><p>16.3, use static getDerivedStateFromProps instead</p>
</dd>
<dt>see</dt>
<dd><p><a href="https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#updating-state-based-on-props">https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#updating-state-based-on-props</a></p>
</dd>
<dt>see</dt>
<dd><p><a href="https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path">https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path</a></p>
</dd>
</dl>
</div>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>nextProps: <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol"><</span><a href="../interfaces/_onboarding_index_d_.ionboardingprops.html" class="tsd-signature-type">IOnboardingProps</a><span class="tsd-signature-symbol">></span></h5>
</li>
<li>
<h5>nextContext: <span class="tsd-signature-type">any</span></h5>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a name="unsafe_componentwillupdate" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> UNSAFE_<wbr>component<wbr>Will<wbr>Update</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<li class="tsd-signature tsd-kind-icon">UNSAFE_<wbr>component<wbr>Will<wbr>Update<span class="tsd-signature-symbol">(</span>nextProps<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol"><</span><a href="../interfaces/_onboarding_index_d_.ionboardingprops.html" class="tsd-signature-type">IOnboardingProps</a><span class="tsd-signature-symbol">></span>, nextState<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol"><</span><a href="../interfaces/_onboarding_index_d_.ionboardingstate.html" class="tsd-signature-type">IOnboardingState</a><span class="tsd-signature-symbol">></span>, nextContext<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<p>Inherited from DeprecatedLifecycle.UNSAFE_componentWillUpdate</p>
<ul>
<li>Defined in /home/hackettyam/www/@ticmakers/react-native/OnBoarding/node_modules/@types/react/index.d.ts:698</li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Called immediately before rendering when new props or state is received. Not called for the initial render.</p>
</div>
<p>Note: You cannot call <code>Component#setState</code> here.</p>
<p>This method will not stop working in React 17.</p>
<p>Note: the presence of getSnapshotBeforeUpdate or getDerivedStateFromProps
prevents this from being invoked.</p>
<dl class="tsd-comment-tags">
<dt>deprecated</dt>
<dd><p>16.3, use getSnapshotBeforeUpdate instead</p>
</dd>
<dt>see</dt>
<dd><p><a href="https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#reading-dom-properties-before-an-update">https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#reading-dom-properties-before-an-update</a></p>
</dd>
<dt>see</dt>
<dd><p><a href="https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path">https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path</a></p>
</dd>
</dl>
</div>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>nextProps: <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol"><</span><a href="../interfaces/_onboarding_index_d_.ionboardingprops.html" class="tsd-signature-type">IOnboardingProps</a><span class="tsd-signature-symbol">></span></h5>
</li>
<li>
<h5>nextState: <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol"><</span><a href="../interfaces/_onboarding_index_d_.ionboardingstate.html" class="tsd-signature-type">IOnboardingState</a><span class="tsd-signature-symbol">></span></h5>
</li>
<li>
<h5>nextContext: <span class="tsd-signature-type">any</span></h5>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private">
<a name="_flatlistprops" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagPrivate">Private</span> _flatlist<wbr>Props</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
<li class="tsd-signature tsd-kind-icon">_flatlist<wbr>Props<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">FlatListProps</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">__type</span><span class="tsd-signature-symbol">></span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in Onboarding/Onboarding.tsx:410</li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Method that process the props for the FlatList</p>
</div>
</div>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">FlatListProps</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">__type</span><span class="tsd-signature-symbol">></span></h4>
<blockquote>
<p>}</p>
</blockquote>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private">
<a name="_onchangepage" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagPrivate">Private</span> _on<wbr>Change<wbr>Page</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
<li class="tsd-signature tsd-kind-icon">_on<wbr>Change<wbr>Page<span class="tsd-signature-symbol">(</span>index<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in Onboarding/Onboarding.tsx:271</li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Method that fire when a pages change, this returns the current index page</p>
</div>
</div>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>index: <span class="tsd-signature-type">number</span></h5>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private">
<a name="_ondone" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagPrivate">Private</span> _on<wbr>Done</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
<li class="tsd-signature tsd-kind-icon">_on<wbr>Done<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in Onboarding/Onboarding.tsx:242</li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Method that fire when the button Done is pressed</p>
</div>
</div>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private">
<a name="_onlayout" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagPrivate">Private</span> _on<wbr>Layout</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
<li class="tsd-signature tsd-kind-icon">_on<wbr>Layout<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in Onboarding/Onboarding.tsx:308</li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Method that fire when the layout is changed</p>
</div>
</div>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private">
<a name="_onskip" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagPrivate">Private</span> _on<wbr>Skip</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
<li class="tsd-signature tsd-kind-icon">_on<wbr>Skip<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in Onboarding/Onboarding.tsx:255</li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Method that fire when the button Skip is pressed</p>
</div>
</div>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private">
<a name="_onswipepagechange" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagPrivate">Private</span> _on<wbr>Swipe<wbr>Page<wbr>Change</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
<li class="tsd-signature tsd-kind-icon">_on<wbr>Swipe<wbr>Page<wbr>Change<span class="tsd-signature-symbol">(</span>data<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in Onboarding/Onboarding.tsx:285</li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Method thar fire when a page is swiped</p>
</div>
</div>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>data: <span class="tsd-signature-type">any</span></h5>
<div class="tsd-comment tsd-typography">
<p>Event of the flatlist change</p>
</div>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private">
<a name="_paginationprops" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagPrivate">Private</span> _pagination<wbr>Props</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
<li class="tsd-signature tsd-kind-icon">_pagination<wbr>Props<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="../interfaces/_pagination_index_d_.ipaginationprops.html" class="tsd-signature-type">IPaginationProps</a></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in Onboarding/Onboarding.tsx:434</li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Method that process the props for the pagination</p>
</div>
</div>
<h4 class="tsd-returns-title">Returns <a href="../interfaces/_pagination_index_d_.ipaginationprops.html" class="tsd-signature-type">IPaginationProps</a></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private">
<a name="_processprops" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagPrivate">Private</span> _process<wbr>Props</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
<li class="tsd-signature tsd-kind-icon">_process<wbr>Props<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="../interfaces/_onboarding_index_d_.ionboardingprops.html" class="tsd-signature-type">IOnboardingProps</a></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in Onboarding/Onboarding.tsx:343</li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Method that process the props of the component</p>
</div>
</div>
<h4 class="tsd-returns-title">Returns <a href="../interfaces/_onboarding_index_d_.ionboardingprops.html" class="tsd-signature-type">IOnboardingProps</a></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private">
<a name="_skiptolastpage" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagPrivate">Private</span> _skip<wbr>ToLast<wbr>Page</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
<li class="tsd-signature tsd-kind-icon">_skip<wbr>ToLast<wbr>Page<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in Onboarding/Onboarding.tsx:325</li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Method that changes to the last page</p>
</div>
</div>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a name="componentdidcatch" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> component<wbr>Did<wbr>Catch</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<li class="tsd-signature tsd-kind-icon">component<wbr>Did<wbr>Catch<span class="tsd-signature-symbol">(</span>error<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Error</span>, errorInfo<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ErrorInfo</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<p>Inherited from ComponentLifecycle.componentDidCatch</p>
<ul>
<li>Defined in /home/hackettyam/www/@ticmakers/react-native/OnBoarding/node_modules/@types/react/index.d.ts:567</li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Catches exceptions generated in descendant components. Unhandled exceptions will cause
the entire component tree to unmount.</p>
</div>
</div>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>error: <span class="tsd-signature-type">Error</span></h5>
</li>
<li>
<h5>errorInfo: <span class="tsd-signature-type">ErrorInfo</span></h5>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a name="componentdidmount" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> component<wbr>Did<wbr>Mount</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<li class="tsd-signature tsd-kind-icon">component<wbr>Did<wbr>Mount<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<p>Inherited from ComponentLifecycle.componentDidMount</p>
<ul>
<li>Defined in /home/hackettyam/www/@ticmakers/react-native/OnBoarding/node_modules/@types/react/index.d.ts:546</li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Called immediately after a component is mounted. Setting state here will trigger re-rendering.</p>
</div>
</div>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-overwrite">
<a name="componentdidupdate" class="tsd-anchor"></a>
<h3>component<wbr>Did<wbr>Update</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-overwrite">
<li class="tsd-signature tsd-kind-icon">component<wbr>Did<wbr>Update<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<p>Overrides NewLifecycle.componentDidUpdate</p>
<ul>
<li>Defined in Onboarding/Onboarding.tsx:57</li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Method that fire when the component is updated</p>
</div>
</div>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a name="componentwillmount" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> component<wbr>Will<wbr>Mount</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<li class="tsd-signature tsd-kind-icon">component<wbr>Will<wbr>Mount<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<p>Inherited from DeprecatedLifecycle.componentWillMount</p>
<ul>
<li>Defined in /home/hackettyam/www/@ticmakers/react-native/OnBoarding/node_modules/@types/react/index.d.ts:624</li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Called immediately before mounting occurs, and before <code>Component#render</code>.
Avoid introducing any side-effects or subscriptions in this method.</p>
</div>
<p>Note: the presence of getSnapshotBeforeUpdate or getDerivedStateFromProps
prevents this from being invoked.</p>
<dl class="tsd-comment-tags">
<dt>deprecated</dt>
<dd><p>16.3, use componentDidMount or the constructor instead; will stop working in React 17</p>
</dd>
<dt>see</dt>
<dd><p><a href="https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#initializing-state">https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#initializing-state</a></p>
</dd>
<dt>see</dt>
<dd><p><a href="https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path">https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path</a></p>
</dd>
</dl>
</div>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a name="componentwillreceiveprops" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> component<wbr>Will<wbr>Receive<wbr>Props</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<li class="tsd-signature tsd-kind-icon">component<wbr>Will<wbr>Receive<wbr>Props<span class="tsd-signature-symbol">(</span>nextProps<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol"><</span><a href="../interfaces/_onboarding_index_d_.ionboardingprops.html" class="tsd-signature-type">IOnboardingProps</a><span class="tsd-signature-symbol">></span>, nextContext<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<p>Inherited from DeprecatedLifecycle.componentWillReceiveProps</p>
<ul>
<li>Defined in /home/hackettyam/www/@ticmakers/react-native/OnBoarding/node_modules/@types/react/index.d.ts:653</li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Called when the component may be receiving new props.
React may c