kylefang/react-native-paper
1
0
Fork 0
mirror of https://github.com/zhigang1992/react-native-paper.git synced 2026-06-12 09:08:12 +08:00
Code Issues Packages Projects Releases Wiki Activity

Deploy to GitHub Pages: 2d7f50ce08

Browse Source
This commit is contained in:
Circle CI
2018-09-04 13:03:07 +00:00
parent b0ae62dd54
commit de39bfb82f
7 changed files with 18 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app.bundle.js
View File

File diff suppressed because one or more lines are too long

2
app.bundle.js.map
View File

File diff suppressed because one or more lines are too long

2
app.data.js
View File

File diff suppressed because one or more lines are too long

8
bottom-navigation.html
View File

@@ -104,12 +104,12 @@ The <code>jumpTo</code> method can be used to navigate to other tabs programmati
</div></div><div class="_propInfo__vv20rl"><a class="_propLabel__vv20rl" name="renderIcon" href="#renderIcon"><code>renderIcon</code></a><div class="_propItem__vv20rl"><span>Type: </span><code>(props: {
route: T,
focused: boolean,
tintColor: string,
color: string,
}) =&gt; React.Node</code></div><div class="_propItem__vv20rl _markdown__vv20rl _markdown__1e8xr4b"><p>Callback which returns a React Element to be used as tab icon.</p>
</div></div><div class="_propInfo__vv20rl"><a class="_propLabel__vv20rl" name="renderLabel" href="#renderLabel"><code>renderLabel</code></a><div class="_propItem__vv20rl"><span>Type: </span><code>(props: {
route: T,
focused: boolean,
tintColor: string,
color: string,
}) =&gt; React.Node</code></div><div class="_propItem__vv20rl _markdown__vv20rl _markdown__1e8xr4b"><p>Callback which React Element to be used as tab label.</p>
</div></div><div class="_propInfo__vv20rl"><a class="_propLabel__vv20rl" name="getLabelText" href="#getLabelText"><code>getLabelText</code></a><div class="_propItem__vv20rl"><span>Type: </span><code>(props: { route: T }) =&gt; string</code></div><div class="_propItem__vv20rl _markdown__vv20rl _markdown__1e8xr4b"><p>Get label text for the tab, uses <code>route.title</code> by default. Use <code>renderLabel</code> to replace label component.</p>
</div></div><div class="_propInfo__vv20rl"><a class="_propLabel__vv20rl" name="getAccessibilityLabel" href="#getAccessibilityLabel"><code>getAccessibilityLabel</code></a><div class="_propItem__vv20rl"><span>Type: </span><code>(props: { route: T }) =&gt; ?string</code></div><div class="_propItem__vv20rl _markdown__vv20rl _markdown__1e8xr4b"><p>Get accessibility label for the tab button. This is read by the screen reader when the user taps the tab.
@@ -117,8 +117,8 @@ Uses <code>route.accessibilityLabel</code> by default.</p>
</div></div><div class="_propInfo__vv20rl"><a class="_propLabel__vv20rl" name="getTestID" href="#getTestID"><code>getTestID</code></a><div class="_propItem__vv20rl"><span>Type: </span><code>(props: { route: T }) =&gt; ?string</code></div><div class="_propItem__vv20rl _markdown__vv20rl _markdown__1e8xr4b"><p>Get the id to locate this tab button in tests, uses <code>route.testID</code> by default.</p>
</div></div><div class="_propInfo__vv20rl"><a class="_propLabel__vv20rl" name="getColor" href="#getColor"><code>getColor</code></a><div class="_propItem__vv20rl"><span>Type: </span><code>(props: { route: T }) =&gt; string</code></div><div class="_propItem__vv20rl _markdown__vv20rl _markdown__1e8xr4b"><p>Get color for the tab, uses <code>route.color</code> by default.</p>
</div></div><div class="_propInfo__vv20rl"><a class="_propLabel__vv20rl" name="onTabPress" href="#onTabPress"><code>onTabPress</code></a><div class="_propItem__vv20rl"><span>Type: </span><code>(props: { route: T }) =&gt; mixed</code></div><div class="_propItem__vv20rl _markdown__vv20rl _markdown__1e8xr4b"><p>Function to execute on tab press. It receives the route for the pressed tab, useful for things like scroll to top.</p>
</div></div><div class="_propInfo__vv20rl"><a class="_propLabel__vv20rl" name="activeTintColor" href="#activeTintColor"><code>activeTintColor</code></a><div class="_propItem__vv20rl"><span>Type: </span><code>string</code></div><div class="_propItem__vv20rl _markdown__vv20rl _markdown__1e8xr4b"><p>Custom color for icon and label in the active tab.</p>
</div></div><div class="_propInfo__vv20rl"><a class="_propLabel__vv20rl" name="inactiveTintColor" href="#inactiveTintColor"><code>inactiveTintColor</code></a><div class="_propItem__vv20rl"><span>Type: </span><code>string</code></div><div class="_propItem__vv20rl _markdown__vv20rl _markdown__1e8xr4b"><p>Custom color for icon and label in the inactive tab.</p>
</div></div><div class="_propInfo__vv20rl"><a class="_propLabel__vv20rl" name="activeColor" href="#activeColor"><code>activeColor</code></a><div class="_propItem__vv20rl"><span>Type: </span><code>string</code></div><div class="_propItem__vv20rl _markdown__vv20rl _markdown__1e8xr4b"><p>Custom color for icon and label in the active tab.</p>
</div></div><div class="_propInfo__vv20rl"><a class="_propLabel__vv20rl" name="inactiveColor" href="#inactiveColor"><code>inactiveColor</code></a><div class="_propItem__vv20rl"><span>Type: </span><code>string</code></div><div class="_propItem__vv20rl _markdown__vv20rl _markdown__1e8xr4b"><p>Custom color for icon and label in the inactive tab.</p>
</div></div><div class="_propInfo__vv20rl"><a class="_propLabel__vv20rl" name="barStyle" href="#barStyle"><code>barStyle</code></a><div class="_propItem__vv20rl"><span>Type: </span><code>any</code></div><div class="_propItem__vv20rl _markdown__vv20rl _markdown__1e8xr4b"><p>Style for the bottom navigation bar.
You can set a bottom padding here if you have a translucent navigation bar on Android:</p>
<pre><code class="language-js">barStyle<span class="token operator" >=</span><span class="token punctuation brackets-braces" >{</span><span class="token punctuation brackets-braces" >{</span> paddingBottom<span class="token punctuation" >:</span> <span class="token number" >48</span> <span class="token punctuation brackets-braces" >}</span><span class="token punctuation brackets-braces" >}</span>

6
list-accordion.html
View File

@@ -11,8 +11,8 @@
<span class="token keyword keyword-const" >const</span> MyComponent <span class="token operator" >=</span> <span class="token punctuation brackets-parentheses" >(</span><span class="token punctuation brackets-parentheses" >)</span> <span class="token operator" >=</span><span class="token operator" >&gt;</span> <span class="token punctuation brackets-parentheses" >(</span>
<span class="token tag" ><span class="token tag" ><span class="token punctuation" >&lt;</span>List.Accordion</span>
<span class="token attr-name" >title</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>Accordion<span class="token punctuation" >"</span></span>
<span class="token attr-name" >left</span><span class="token script language-javascript" ><span class="token punctuation" >=</span><span class="token punctuation brackets-braces" >{</span><span class="token punctuation brackets-parentheses" >(</span><span class="token punctuation brackets-parentheses" >)</span> <span class="token operator" >=</span><span class="token operator" >&gt;</span> <span class="token tag" ><span class="token tag" ><span class="token punctuation" >&lt;</span>List.Icon</span> <span class="token attr-name" >icon</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>folder<span class="token punctuation" >"</span></span> <span class="token punctuation" >/&gt;</span></span><span class="token punctuation brackets-braces" >}</span></span>
<span class="token punctuation" >&gt;</span></span>
<span class="token attr-name" >left</span><span class="token script language-javascript" ><span class="token punctuation" >=</span><span class="token punctuation brackets-braces" >{</span>props <span class="token operator" >=</span><span class="token operator" >&gt;</span> <span class="token operator" >&lt;</span>List<span class="token punctuation" >.</span>Icon <span class="token punctuation brackets-braces" >{</span><span class="token punctuation" >.</span><span class="token punctuation" >.</span><span class="token punctuation" >.</span>props<span class="token punctuation brackets-braces" >}</span></span> <span class="token attr-name" >icon</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>folder<span class="token punctuation" >"</span></span> <span class="token punctuation" >/&gt;</span></span><span class="token punctuation brackets-braces" >}</span>
<span class="token operator" >&gt;</span>
<span class="token tag" ><span class="token tag" ><span class="token punctuation" >&lt;</span>List.Item</span> <span class="token attr-name" >title</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>First</span> <span class="token attr-name" >item"</span> <span class="token punctuation" >/&gt;</span></span>
<span class="token tag" ><span class="token tag" ><span class="token punctuation" >&lt;</span>List.Item</span> <span class="token attr-name" >title</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>Second</span> <span class="token attr-name" >item"</span> <span class="token punctuation" >/&gt;</span></span>
<span class="token tag" ><span class="token tag" ><span class="token punctuation" >&lt;/</span>List.Accordion</span><span class="token punctuation" >&gt;</span></span>
@@ -22,7 +22,7 @@
</code></pre>
</div><h2 class="_propsHeader__vv20rl">Props</h2><div class="_propInfo__vv20rl"><a class="_propLabel__vv20rl" name="title" href="#title"><code>title</code> (required)</a><div class="_propItem__vv20rl"><span>Type: </span><code>React.Node</code></div><div class="_propItem__vv20rl _markdown__vv20rl _markdown__1e8xr4b"><p>Title text for the list accordion.</p>
</div></div><div class="_propInfo__vv20rl"><a class="_propLabel__vv20rl" name="description" href="#description"><code>description</code></a><div class="_propItem__vv20rl"><span>Type: </span><code>React.Node</code></div><div class="_propItem__vv20rl _markdown__vv20rl _markdown__1e8xr4b"><p>Description text for the list accordion.</p>
</div></div><div class="_propInfo__vv20rl"><a class="_propLabel__vv20rl" name="left" href="#left"><code>left</code></a><div class="_propItem__vv20rl"><span>Type: </span><code>() =&gt; React.Node</code></div><div class="_propItem__vv20rl _markdown__vv20rl _markdown__1e8xr4b"><p>Callback which returns a React element to display on the left side.</p>
</div></div><div class="_propInfo__vv20rl"><a class="_propLabel__vv20rl" name="left" href="#left"><code>left</code></a><div class="_propItem__vv20rl"><span>Type: </span><code>(props: { color: string }) =&gt; React.Node</code></div><div class="_propItem__vv20rl _markdown__vv20rl _markdown__1e8xr4b"><p>Callback which returns a React element to display on the left side.</p>
</div></div><div class="_propInfo__vv20rl"><a class="_propLabel__vv20rl" name="children" href="#children"><code>children</code> (required)</a><div class="_propItem__vv20rl"><span>Type: </span><code>React.Node</code></div><div class="_propItem__vv20rl _markdown__vv20rl _markdown__1e8xr4b"><p>Content of the section.</p>
</div></div><div class="_propInfo__vv20rl"><a class="_propLabel__vv20rl" name="theme" href="#theme"><code>theme</code></a><div class="_propItem__vv20rl"><span>Type: </span><code>Theme</code></div><div class="_propItem__vv20rl _markdown__vv20rl _markdown__1e8xr4b"></div></div><div class="_propInfo__vv20rl"><a class="_propLabel__vv20rl" name="style" href="#style"><code>style</code></a><div class="_propItem__vv20rl"><span>Type: </span><code>any</code></div></div></div></main></div></div></div>
<script>

7
list-icon.html
View File

File diff suppressed because one or more lines are too long

8
list-item.html
View File

@@ -12,16 +12,16 @@
<span class="token tag" ><span class="token tag" ><span class="token punctuation" >&lt;</span>List.Item</span>
<span class="token attr-name" >title</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>First</span> <span class="token attr-name" >Item"</span>
<span class="token attr-name" >description</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>Item</span> <span class="token attr-name" >description"</span>
<span class="token attr-name" >left</span><span class="token script language-javascript" ><span class="token punctuation" >=</span><span class="token punctuation brackets-braces" >{</span><span class="token punctuation brackets-parentheses" >(</span><span class="token punctuation brackets-parentheses" >)</span> <span class="token operator" >=</span><span class="token operator" >&gt;</span> <span class="token tag" ><span class="token tag" ><span class="token punctuation" >&lt;</span>List.Icon</span> <span class="token attr-name" >icon</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>folder<span class="token punctuation" >"</span></span> <span class="token punctuation" >/&gt;</span></span><span class="token punctuation brackets-braces" >}</span></span>
<span class="token punctuation" >/&gt;</span></span>
<span class="token attr-name" >left</span><span class="token script language-javascript" ><span class="token punctuation" >=</span><span class="token punctuation brackets-braces" >{</span>props <span class="token operator" >=</span><span class="token operator" >&gt;</span> <span class="token operator" >&lt;</span>List<span class="token punctuation" >.</span>Icon <span class="token punctuation brackets-braces" >{</span><span class="token punctuation" >.</span><span class="token punctuation" >.</span><span class="token punctuation" >.</span>props<span class="token punctuation brackets-braces" >}</span></span> <span class="token attr-name" >icon</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>folder<span class="token punctuation" >"</span></span> <span class="token punctuation" >/&gt;</span></span><span class="token punctuation brackets-braces" >}</span>
<span class="token operator" >/</span><span class="token operator" >&gt;</span>
<span class="token punctuation brackets-parentheses" >)</span><span class="token punctuation" >;</span>
<span class="token keyword keyword-export" >export</span> <span class="token keyword keyword-default" >default</span> MyComponent<span class="token punctuation" >;</span>
</code></pre>
</div><h2 class="_propsHeader__vv20rl">Props</h2><div class="_propInfo__vv20rl"><a class="_propLabel__vv20rl" name="title" href="#title"><code>title</code> (required)</a><div class="_propItem__vv20rl"><span>Type: </span><code>React.Node</code></div><div class="_propItem__vv20rl _markdown__vv20rl _markdown__1e8xr4b"><p>Title text for the list item.</p>
</div></div><div class="_propInfo__vv20rl"><a class="_propLabel__vv20rl" name="description" href="#description"><code>description</code></a><div class="_propItem__vv20rl"><span>Type: </span><code>React.Node</code></div><div class="_propItem__vv20rl _markdown__vv20rl _markdown__1e8xr4b"><p>Description text for the list item.</p>
</div></div><div class="_propInfo__vv20rl"><a class="_propLabel__vv20rl" name="left" href="#left"><code>left</code></a><div class="_propItem__vv20rl"><span>Type: </span><code>() =&gt; React.Node</code></div><div class="_propItem__vv20rl _markdown__vv20rl _markdown__1e8xr4b"><p>Callback which returns a React element to display on the left side.</p>
</div></div><div class="_propInfo__vv20rl"><a class="_propLabel__vv20rl" name="right" href="#right"><code>right</code></a><div class="_propItem__vv20rl"><span>Type: </span><code>() =&gt; React.Node</code></div><div class="_propItem__vv20rl _markdown__vv20rl _markdown__1e8xr4b"><p>Callback which returns a React element to display on the right side.</p>
</div></div><div class="_propInfo__vv20rl"><a class="_propLabel__vv20rl" name="left" href="#left"><code>left</code></a><div class="_propItem__vv20rl"><span>Type: </span><code>(props: { color: string }) =&gt; React.Node</code></div><div class="_propItem__vv20rl _markdown__vv20rl _markdown__1e8xr4b"><p>Callback which returns a React element to display on the left side.</p>
</div></div><div class="_propInfo__vv20rl"><a class="_propLabel__vv20rl" name="right" href="#right"><code>right</code></a><div class="_propItem__vv20rl"><span>Type: </span><code>(props: { color: string }) =&gt; React.Node</code></div><div class="_propItem__vv20rl _markdown__vv20rl _markdown__1e8xr4b"><p>Callback which returns a React element to display on the right side.</p>
</div></div><div class="_propInfo__vv20rl"><a class="_propLabel__vv20rl" name="onPress" href="#onPress"><code>onPress</code></a><div class="_propItem__vv20rl"><span>Type: </span><code>() =&gt; mixed</code></div><div class="_propItem__vv20rl _markdown__vv20rl _markdown__1e8xr4b"><p>Function to execute on press.</p>
</div></div><div class="_propInfo__vv20rl"><a class="_propLabel__vv20rl" name="theme" href="#theme"><code>theme</code></a><div class="_propItem__vv20rl"><span>Type: </span><code>Theme</code></div><div class="_propItem__vv20rl _markdown__vv20rl _markdown__1e8xr4b"></div></div><div class="_propInfo__vv20rl"><a class="_propLabel__vv20rl" name="style" href="#style"><code>style</code></a><div class="_propItem__vv20rl"><span>Type: </span><code>any</code></div></div></div></main></div></div></div>
<script>