mkp-react-native-tab-view
Advanced tools
+180
-70
| <?xml version="1.0" encoding="UTF-8"?> | ||
| <project version="4"> | ||
| <component name="ChangeListManager"> | ||
| <list default="true" id="5f99279f-8dfb-498a-a2da-f809133b0f55" name="Default" comment="" /> | ||
| <list default="true" id="5f99279f-8dfb-498a-a2da-f809133b0f55" name="Default" comment=""> | ||
| <change type="MODIFICATION" beforePath="$PROJECT_DIR$/README.md" afterPath="$PROJECT_DIR$/README.md" /> | ||
| <change type="MODIFICATION" beforePath="$PROJECT_DIR$/package.json" afterPath="$PROJECT_DIR$/package.json" /> | ||
| <change type="MODIFICATION" beforePath="$PROJECT_DIR$/test/index.ios.js" afterPath="$PROJECT_DIR$/test/index.ios.js" /> | ||
| <change type="MODIFICATION" beforePath="$PROJECT_DIR$/test/tabView.js" afterPath="$PROJECT_DIR$/test/tabView.js" /> | ||
| </list> | ||
| <ignored path="react-native-tab-view.iws" /> | ||
@@ -49,4 +54,4 @@ <ignored path=".idea/workspace.xml" /> | ||
| <provider selected="true" editor-type-id="text-editor"> | ||
| <state relative-caret-position="-585"> | ||
| <caret line="17" column="29" selection-start-line="17" selection-start-column="29" selection-end-line="17" selection-end-column="29" /> | ||
| <state relative-caret-position="153"> | ||
| <caret line="37" column="21" selection-start-line="37" selection-start-column="12" selection-end-line="37" selection-end-column="21" /> | ||
| <folding> | ||
@@ -59,7 +64,7 @@ <element signature="e#0#50#0" expanded="true" /> | ||
| </file> | ||
| <file leaf-file-name="index.ios.js" pinned="false" current-in-tab="true"> | ||
| <file leaf-file-name="index.ios.js" pinned="false" current-in-tab="false"> | ||
| <entry file="file://$PROJECT_DIR$/test/index.ios.js"> | ||
| <provider selected="true" editor-type-id="text-editor"> | ||
| <state relative-caret-position="208"> | ||
| <caret line="68" column="25" selection-start-line="68" selection-start-column="25" selection-end-line="68" selection-end-column="25" /> | ||
| <state relative-caret-position="238"> | ||
| <caret line="61" column="25" selection-start-line="61" selection-start-column="25" selection-end-line="61" selection-end-column="25" /> | ||
| <folding> | ||
@@ -76,4 +81,4 @@ <element signature="n#!!doc" expanded="true" /> | ||
| <provider selected="true" editor-type-id="text-editor"> | ||
| <state relative-caret-position="120"> | ||
| <caret line="8" column="14" selection-start-line="8" selection-start-column="14" selection-end-line="8" selection-end-column="14" /> | ||
| <state relative-caret-position="30"> | ||
| <caret line="2" column="17" selection-start-line="2" selection-start-column="17" selection-end-line="2" selection-end-column="17" /> | ||
| <folding /> | ||
@@ -84,2 +89,25 @@ </state> | ||
| </file> | ||
| <file leaf-file-name="README.md" pinned="false" current-in-tab="true"> | ||
| <entry file="file://$PROJECT_DIR$/README.md"> | ||
| <provider selected="true" editor-type-id="split-provider[text-editor;markdown-preview-editor]"> | ||
| <state split_layout="FIRST"> | ||
| <first_editor relative-caret-position="376"> | ||
| <caret line="37" column="138" selection-start-line="37" selection-start-column="138" selection-end-line="37" selection-end-column="138" /> | ||
| <folding> | ||
| <marker date="1478228739000" expanded="true" signature="287:1018" ph="<TabView/>" /> | ||
| <marker date="1478228739000" expanded="true" signature="327:679" ph="[...]" /> | ||
| <marker date="1478228739000" expanded="true" signature="328:414" ph="{"text": "tab1"...}" /> | ||
| <marker date="1478228739000" expanded="true" signature="415:471" ph="{"text": "tab2"...}" /> | ||
| <marker date="1478228739000" expanded="true" signature="472:678" ph="{"text": "tab3"...}" /> | ||
| <marker date="1478228739000" expanded="true" signature="513:670" ph="<View/>" /> | ||
| <marker date="1478228739000" expanded="true" signature="715:1005" ph="{...}" /> | ||
| <marker date="1478228739000" expanded="true" signature="775:905" ph="{...}" /> | ||
| <marker date="1478228739000" expanded="true" signature="1241:1320" ph="..." /> | ||
| </folding> | ||
| </first_editor> | ||
| <second_editor /> | ||
| </state> | ||
| </provider> | ||
| </entry> | ||
| </file> | ||
| <file leaf-file-name="index.js" pinned="false" current-in-tab="false"> | ||
@@ -98,3 +126,3 @@ <entry file="file://$PROJECT_DIR$/index.js"> | ||
| <provider selected="true" editor-type-id="text-editor"> | ||
| <state relative-caret-position="-1076"> | ||
| <state relative-caret-position="135"> | ||
| <caret line="14" column="6" selection-start-line="14" selection-start-column="6" selection-end-line="14" selection-end-column="6" /> | ||
@@ -118,7 +146,7 @@ <folding> | ||
| <option value="$PROJECT_DIR$/.npmignore" /> | ||
| <option value="$PROJECT_DIR$/index.js" /> | ||
| <option value="$PROJECT_DIR$/test/tabView.js" /> | ||
| <option value="$PROJECT_DIR$/test/index.ios.js" /> | ||
| <option value="$PROJECT_DIR$/package.json" /> | ||
| <option value="$PROJECT_DIR$/index.js" /> | ||
| <option value="$PROJECT_DIR$/README.md" /> | ||
| <option value="$PROJECT_DIR$/test/index.ios.js" /> | ||
| </list> | ||
@@ -137,6 +165,5 @@ </option> | ||
| <component name="ProjectFrameBounds"> | ||
| <option name="x" value="381" /> | ||
| <option name="y" value="23" /> | ||
| <option name="width" value="899" /> | ||
| <option name="height" value="712" /> | ||
| <option name="width" value="1280" /> | ||
| <option name="height" value="716" /> | ||
| </component> | ||
@@ -168,7 +195,24 @@ <component name="ProjectLevelVcsManager" settingsEditedManually="false"> | ||
| <panes> | ||
| <pane id="Scope" /> | ||
| <pane id="Scratches" /> | ||
| <pane id="ProjectPane"> | ||
| <subPane /> | ||
| <subPane> | ||
| <PATH> | ||
| <PATH_ELEMENT> | ||
| <option name="myItemId" value="react-native-tab-view" /> | ||
| <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" /> | ||
| </PATH_ELEMENT> | ||
| </PATH> | ||
| <PATH> | ||
| <PATH_ELEMENT> | ||
| <option name="myItemId" value="react-native-tab-view" /> | ||
| <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" /> | ||
| </PATH_ELEMENT> | ||
| <PATH_ELEMENT> | ||
| <option name="myItemId" value="react-native-tab-view" /> | ||
| <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" /> | ||
| </PATH_ELEMENT> | ||
| </PATH> | ||
| </subPane> | ||
| </pane> | ||
| <pane id="Scratches" /> | ||
| <pane id="Scope" /> | ||
| </panes> | ||
@@ -262,3 +306,4 @@ </component> | ||
| <workItem from="1477732888554" duration="3027000" /> | ||
| <workItem from="1477906542868" duration="797000" /> | ||
| <workItem from="1477906542868" duration="2105000" /> | ||
| <workItem from="1478227570445" duration="1167000" /> | ||
| </task> | ||
@@ -268,15 +313,17 @@ <servers /> | ||
| <component name="TimeTrackingManager"> | ||
| <option name="totallyTimeSpent" value="11945000" /> | ||
| <option name="totallyTimeSpent" value="14420000" /> | ||
| </component> | ||
| <component name="ToolWindowManager"> | ||
| <frame x="381" y="23" width="899" height="712" extended-state="0" /> | ||
| <frame x="0" y="23" width="1280" height="716" extended-state="6" /> | ||
| <editor active="true" /> | ||
| <layout> | ||
| <window_info id="Project" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.46697038" sideWeight="0.5" order="2" side_tool="false" content_ui="combo" /> | ||
| <window_info id="Project" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.1985703" sideWeight="0.5" order="2" side_tool="false" content_ui="combo" /> | ||
| <window_info id="TODO" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="9" side_tool="false" content_ui="tabs" /> | ||
| <window_info id="Event Log" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="0" side_tool="true" content_ui="tabs" /> | ||
| <window_info id="Version Control" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.3296" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" /> | ||
| <window_info id="Run" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="5" side_tool="false" content_ui="tabs" /> | ||
| <window_info id="Structure" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" /> | ||
| <window_info id="Terminal" active="true" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.32903227" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" /> | ||
| <window_info id="Terminal" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.3279743" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" /> | ||
| <window_info id="Favorites" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="1" side_tool="true" content_ui="tabs" /> | ||
| <window_info id="Debug" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="6" side_tool="false" content_ui="tabs" /> | ||
| <window_info id="Cvs" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="7" side_tool="false" content_ui="tabs" /> | ||
@@ -286,3 +333,2 @@ <window_info id="Message" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" /> | ||
| <window_info id="Inspection" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="8" side_tool="false" content_ui="tabs" /> | ||
| <window_info id="Run" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="5" side_tool="false" content_ui="tabs" /> | ||
| <window_info id="npm" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="0" side_tool="true" content_ui="tabs" /> | ||
@@ -292,3 +338,2 @@ <window_info id="Hierarchy" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="2" side_tool="false" content_ui="combo" /> | ||
| <window_info id="Ant Build" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" /> | ||
| <window_info id="Debug" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="6" side_tool="false" content_ui="tabs" /> | ||
| </layout> | ||
@@ -330,2 +375,65 @@ </component> | ||
| <provider selected="true" editor-type-id="text-editor"> | ||
| <state relative-caret-position="180"> | ||
| <caret line="17" column="29" selection-start-line="17" selection-start-column="29" selection-end-line="17" selection-end-column="29" /> | ||
| <folding> | ||
| <element signature="e#0#50#0" expanded="true" /> | ||
| </folding> | ||
| </state> | ||
| </provider> | ||
| </entry> | ||
| <entry file="file://$PROJECT_DIR$/test/index.ios.js"> | ||
| <provider selected="true" editor-type-id="text-editor"> | ||
| <state relative-caret-position="0"> | ||
| <caret line="0" column="0" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" /> | ||
| <folding> | ||
| <element signature="n#!!doc" expanded="true" /> | ||
| <element signature="e#89#128#0" expanded="true" /> | ||
| </folding> | ||
| </state> | ||
| </provider> | ||
| </entry> | ||
| <entry file="file://$PROJECT_DIR$/package.json"> | ||
| <provider selected="true" editor-type-id="text-editor"> | ||
| <state relative-caret-position="120"> | ||
| <caret line="8" column="14" selection-start-line="8" selection-start-column="14" selection-end-line="8" selection-end-column="14" /> | ||
| <folding /> | ||
| </state> | ||
| </provider> | ||
| </entry> | ||
| <entry file="file://$PROJECT_DIR$/index.js"> | ||
| <provider selected="true" editor-type-id="text-editor"> | ||
| <state relative-caret-position="30"> | ||
| <caret line="2" column="23" selection-start-line="2" selection-start-column="23" selection-end-line="2" selection-end-column="23" /> | ||
| <folding /> | ||
| </state> | ||
| </provider> | ||
| </entry> | ||
| <entry file="file://$PROJECT_DIR$/lib/tabView.js"> | ||
| <provider selected="true" editor-type-id="text-editor"> | ||
| <state relative-caret-position="135"> | ||
| <caret line="14" column="6" selection-start-line="14" selection-start-column="6" selection-end-line="14" selection-end-column="6" /> | ||
| <folding> | ||
| <element signature="e#0#50#0" expanded="true" /> | ||
| </folding> | ||
| </state> | ||
| </provider> | ||
| </entry> | ||
| <entry file="file://$PROJECT_DIR$/.gitignore"> | ||
| <provider selected="true" editor-type-id="text-editor"> | ||
| <state relative-caret-position="15"> | ||
| <caret line="1" column="0" selection-start-line="1" selection-start-column="0" selection-end-line="1" selection-end-column="0" /> | ||
| <folding /> | ||
| </state> | ||
| </provider> | ||
| </entry> | ||
| <entry file="file://$PROJECT_DIR$/.npmignore"> | ||
| <provider selected="true" editor-type-id="text-editor"> | ||
| <state relative-caret-position="0"> | ||
| <caret line="0" column="4" selection-start-line="0" selection-start-column="4" selection-end-line="0" selection-end-column="4" /> | ||
| <folding /> | ||
| </state> | ||
| </provider> | ||
| </entry> | ||
| <entry file="file://$PROJECT_DIR$/test/tabView.js"> | ||
| <provider selected="true" editor-type-id="text-editor"> | ||
| <state relative-caret-position="330"> | ||
@@ -372,10 +480,11 @@ <caret line="27" column="22" selection-start-line="27" selection-start-column="22" selection-end-line="27" selection-end-column="22" /> | ||
| <folding> | ||
| <marker date="1477924184000" expanded="true" signature="287:1018" ph="<TabView/>" /> | ||
| <marker date="1477924184000" expanded="true" signature="327:679" ph="[...]" /> | ||
| <marker date="1477924184000" expanded="true" signature="328:414" ph="{"text": "tab1"...}" /> | ||
| <marker date="1477924184000" expanded="true" signature="415:471" ph="{"text": "tab2"...}" /> | ||
| <marker date="1477924184000" expanded="true" signature="472:678" ph="{"text": "tab3"...}" /> | ||
| <marker date="1477924184000" expanded="true" signature="513:670" ph="<View/>" /> | ||
| <marker date="1477924184000" expanded="true" signature="715:1005" ph="{...}" /> | ||
| <marker date="1477924184000" expanded="true" signature="775:905" ph="{...}" /> | ||
| <marker date="1478228739000" expanded="true" signature="287:1018" ph="<TabView/>" /> | ||
| <marker date="1478228739000" expanded="true" signature="327:679" ph="[...]" /> | ||
| <marker date="1478228739000" expanded="true" signature="328:414" ph="{"text": "tab1"...}" /> | ||
| <marker date="1478228739000" expanded="true" signature="415:471" ph="{"text": "tab2"...}" /> | ||
| <marker date="1478228739000" expanded="true" signature="472:678" ph="{"text": "tab3"...}" /> | ||
| <marker date="1478228739000" expanded="true" signature="513:670" ph="<View/>" /> | ||
| <marker date="1478228739000" expanded="true" signature="715:1005" ph="{...}" /> | ||
| <marker date="1478228739000" expanded="true" signature="775:905" ph="{...}" /> | ||
| <marker date="1478228739000" expanded="true" signature="1241:1320" ph="..." /> | ||
| </folding> | ||
@@ -440,30 +549,2 @@ </first_editor> | ||
| </entry> | ||
| <entry file="file://$PROJECT_DIR$/package.json"> | ||
| <provider selected="true" editor-type-id="text-editor"> | ||
| <state relative-caret-position="120"> | ||
| <caret line="8" column="14" selection-start-line="8" selection-start-column="14" selection-end-line="8" selection-end-column="14" /> | ||
| <folding /> | ||
| </state> | ||
| </provider> | ||
| </entry> | ||
| <entry file="file://$PROJECT_DIR$/README.md"> | ||
| <provider selected="true" editor-type-id="split-provider[text-editor;markdown-preview-editor]"> | ||
| <state split_layout="SECOND"> | ||
| <first_editor relative-caret-position="510"> | ||
| <caret line="34" column="3" selection-start-line="34" selection-start-column="3" selection-end-line="34" selection-end-column="3" /> | ||
| <folding> | ||
| <marker date="1477924184000" expanded="true" signature="287:1018" ph="<TabView/>" /> | ||
| <marker date="1477924184000" expanded="true" signature="327:679" ph="[...]" /> | ||
| <marker date="1477924184000" expanded="true" signature="328:414" ph="{"text": "tab1"...}" /> | ||
| <marker date="1477924184000" expanded="true" signature="415:471" ph="{"text": "tab2"...}" /> | ||
| <marker date="1477924184000" expanded="true" signature="472:678" ph="{"text": "tab3"...}" /> | ||
| <marker date="1477924184000" expanded="true" signature="513:670" ph="<View/>" /> | ||
| <marker date="1477924184000" expanded="true" signature="715:1005" ph="{...}" /> | ||
| <marker date="1477924184000" expanded="true" signature="775:905" ph="{...}" /> | ||
| </folding> | ||
| </first_editor> | ||
| <second_editor /> | ||
| </state> | ||
| </provider> | ||
| </entry> | ||
| <entry file="file://$PROJECT_DIR$/index.js"> | ||
@@ -479,3 +560,3 @@ <provider selected="true" editor-type-id="text-editor"> | ||
| <provider selected="true" editor-type-id="text-editor"> | ||
| <state relative-caret-position="-1076"> | ||
| <state relative-caret-position="135"> | ||
| <caret line="14" column="6" selection-start-line="14" selection-start-column="6" selection-end-line="14" selection-end-column="6" /> | ||
@@ -488,8 +569,9 @@ <folding> | ||
| </entry> | ||
| <entry file="file://$PROJECT_DIR$/test/tabView.js"> | ||
| <entry file="file://$PROJECT_DIR$/test/index.ios.js"> | ||
| <provider selected="true" editor-type-id="text-editor"> | ||
| <state relative-caret-position="-585"> | ||
| <caret line="17" column="29" selection-start-line="17" selection-start-column="29" selection-end-line="17" selection-end-column="29" /> | ||
| <state relative-caret-position="238"> | ||
| <caret line="61" column="25" selection-start-line="61" selection-start-column="25" selection-end-line="61" selection-end-column="25" /> | ||
| <folding> | ||
| <element signature="e#0#50#0" expanded="true" /> | ||
| <element signature="n#!!doc" expanded="true" /> | ||
| <element signature="e#89#128#0" expanded="true" /> | ||
| </folding> | ||
@@ -499,9 +581,16 @@ </state> | ||
| </entry> | ||
| <entry file="file://$PROJECT_DIR$/test/index.ios.js"> | ||
| <entry file="file://$PROJECT_DIR$/package.json"> | ||
| <provider selected="true" editor-type-id="text-editor"> | ||
| <state relative-caret-position="208"> | ||
| <caret line="68" column="25" selection-start-line="68" selection-start-column="25" selection-end-line="68" selection-end-column="25" /> | ||
| <state relative-caret-position="30"> | ||
| <caret line="2" column="17" selection-start-line="2" selection-start-column="17" selection-end-line="2" selection-end-column="17" /> | ||
| <folding /> | ||
| </state> | ||
| </provider> | ||
| </entry> | ||
| <entry file="file://$PROJECT_DIR$/test/tabView.js"> | ||
| <provider selected="true" editor-type-id="text-editor"> | ||
| <state relative-caret-position="153"> | ||
| <caret line="37" column="21" selection-start-line="37" selection-start-column="12" selection-end-line="37" selection-end-column="21" /> | ||
| <folding> | ||
| <element signature="n#!!doc" expanded="true" /> | ||
| <element signature="e#89#128#0" expanded="true" /> | ||
| <element signature="e#0#50#0" expanded="true" /> | ||
| </folding> | ||
@@ -511,3 +600,24 @@ </state> | ||
| </entry> | ||
| <entry file="file://$PROJECT_DIR$/README.md"> | ||
| <provider selected="true" editor-type-id="split-provider[text-editor;markdown-preview-editor]"> | ||
| <state split_layout="FIRST"> | ||
| <first_editor relative-caret-position="376"> | ||
| <caret line="37" column="138" selection-start-line="37" selection-start-column="138" selection-end-line="37" selection-end-column="138" /> | ||
| <folding> | ||
| <marker date="1478228739000" expanded="true" signature="287:1018" ph="<TabView/>" /> | ||
| <marker date="1478228739000" expanded="true" signature="327:679" ph="[...]" /> | ||
| <marker date="1478228739000" expanded="true" signature="328:414" ph="{"text": "tab1"...}" /> | ||
| <marker date="1478228739000" expanded="true" signature="415:471" ph="{"text": "tab2"...}" /> | ||
| <marker date="1478228739000" expanded="true" signature="472:678" ph="{"text": "tab3"...}" /> | ||
| <marker date="1478228739000" expanded="true" signature="513:670" ph="<View/>" /> | ||
| <marker date="1478228739000" expanded="true" signature="715:1005" ph="{...}" /> | ||
| <marker date="1478228739000" expanded="true" signature="775:905" ph="{...}" /> | ||
| <marker date="1478228739000" expanded="true" signature="1241:1320" ph="..." /> | ||
| </folding> | ||
| </first_editor> | ||
| <second_editor /> | ||
| </state> | ||
| </provider> | ||
| </entry> | ||
| </component> | ||
| </project> |
+48
-37
@@ -29,3 +29,4 @@ import React, {Component, PropTypes} from "react"; | ||
| this.state = { | ||
| index: 0 | ||
| index: 0, | ||
| previousIndex:-1 | ||
| }; | ||
@@ -39,3 +40,4 @@ } | ||
| component: PropTypes.element, | ||
| onPress: PropTypes.func | ||
| onPress: PropTypes.func, | ||
| onHide:PropTypes.func | ||
| })).isRequired, | ||
@@ -52,39 +54,48 @@ renderTabBar: PropTypes.func.isRequired, | ||
| render() { | ||
| let content = <View style={[styles.contents]}> | ||
| {this.props.tabs.map((item, index)=> { | ||
| return ( | ||
| <View key={index} style={[styles.content,{ | ||
| zIndex:this.state.index===index?99:0, | ||
| right:0, | ||
| left:0, | ||
| top:0, | ||
| bottom:0 | ||
| }]}> | ||
| {item.component} | ||
| </View> | ||
| ); | ||
| })} | ||
| </View>; | ||
| let tabBar = <View style={[styles.tabBars]}> | ||
| {this.props.tabs.map((item, index)=> { | ||
| //return <Text key={index}>{item.text}</Text> | ||
| return ( | ||
| <TouchableWithoutFeedback | ||
| key={`tabbar_${index}`} | ||
| onPress={event=>{ | ||
| this.setState({index}) | ||
| if(item.onPress){ | ||
| item.onPress(event,item,index); | ||
| } | ||
| }}> | ||
| <View | ||
| style={{flex:1/this.props.tabs.length}}> | ||
| {this.props.renderTabBar(this.state.index === index, item)} | ||
| let content = ( | ||
| <View style={[styles.contents]}> | ||
| {this.props.tabs.map((item, index)=> { | ||
| if(index===this.state.previousIndex | ||
| && item.onHide){ | ||
| item.onHide(item,index); | ||
| } | ||
| return ( | ||
| <View key={index} style={[styles.content,{ | ||
| zIndex:this.state.index===index?99:0, | ||
| right:0, | ||
| left:0, | ||
| top:0, | ||
| bottom:0 | ||
| }]}> | ||
| {item.component} | ||
| </View> | ||
| </TouchableWithoutFeedback> | ||
| ); | ||
| ); | ||
| })} | ||
| </View> | ||
| ); | ||
| let tabBar = ( | ||
| <View style={[styles.tabBars]}> | ||
| {this.props.tabs.map((item, index)=> { | ||
| return ( | ||
| <TouchableWithoutFeedback | ||
| key={`tabbar_${index}`} | ||
| onPress={event=>{ | ||
| this.setState({ | ||
| index:index, | ||
| previousIndex:this.state.index | ||
| }); | ||
| if(item.onPress){ | ||
| item.onPress(event,item,index); | ||
| } | ||
| }}> | ||
| <View | ||
| style={{flex:1/this.props.tabs.length}}> | ||
| {this.props.renderTabBar(this.state.index === index, item)} | ||
| </View> | ||
| </TouchableWithoutFeedback> | ||
| ); | ||
| })} | ||
| </View>; | ||
| })} | ||
| </View> | ||
| ); | ||
| if (this.props.tabBarPosition === "top") { | ||
@@ -91,0 +102,0 @@ return ( |
+1
-1
| { | ||
| "name": "mkp-react-native-tab-view", | ||
| "version": "1.0.1", | ||
| "version": "1.1.1", | ||
| "description": "TabView with React Native", | ||
@@ -5,0 +5,0 @@ "main": "index.js", |
+14
-1
@@ -38,3 +38,16 @@ # react-native-tab-view | ||
| ## tabs:object[] | ||
| This property is used to configure tab bar . you must provide a array , children can be any object. | ||
| This property is used to configure tab bar . you must provide a array , children can be any object. but some one is defined ,please see it following, | ||
| ```javascript | ||
| // type tab | ||
| type tab={ | ||
| //tab content | ||
| component:Element, | ||
| //invoke when tab bar click | ||
| onPress:Function, | ||
| //invoke when tab content will be hidden | ||
| onHide:Function, | ||
| //any custom parameter | ||
| ...otherParameter | ||
| }; | ||
| ``` | ||
| ## renderTabBar(isActive:bool,tab:object) | ||
@@ -41,0 +54,0 @@ This property specify how to render tab bar, the first parameter mark the bar whether is active, the second parameter refer to tabs's item. |
40872
19.19%108
12.5%58
28.89%