Skip to content

Commit 5f8c2c5

Browse files
authored
Update README.md
1 parent 3deed40 commit 5f8c2c5

File tree

1 file changed

+6
-1
lines changed

1 file changed

+6
-1
lines changed

README.md

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -155,6 +155,9 @@ const styles = {
155155
</table>
156156

157157
### Sticky header and children
158+
159+
You can use sticky header only when scrollableContainer={true} so you need to pass it first. And after adding stickyHeaderEnabled={true} you can see the magic !
160+
158161
<table>
159162
<tr>
160163
<td>
@@ -165,6 +168,7 @@ const styles = {
165168
style={styles}
166169
isStaticPills={true}
167170
stickyHeaderEnabled={true}
171+
scrollableContainer={true}
168172
>
169173
<View
170174
style={{
@@ -191,6 +195,7 @@ Below are the props you can pass to the React Component.
191195
| ------------- | ------------- | ------------- | ------------- | ------------- |
192196
| data | array | | [{component: 'your first screen component', tabLabel: 'first screen tabLabel'}, {component: 'your second screen component', tabLabel: 'second screen tabLabel'}] | Put array of screens with tab labels for displaying inside the component |
193197
| isStaticPills | boolean | false | isStaticPills={true} | When you need static navigation without scroll |
194-
| stickyHeaderEnabled | boolean | false | stickyHeaderEnabled={true} | Give header possibility to stick to top of the screen. |
198+
| stickyHeaderEnabled | boolean | false | stickyHeaderEnabled={true} | Can used only with scrollableContainer={true}. Give header possibility to stick to top of the screen. |
199+
| scrollableContainer | boolean | false | scrollableContainer={true} | Added scrollable container. |
195200
| children | component | | ``` <Swiper><YourComponent/></Swiper> ``` | You can add your own top component in swiper. For example profile info. |
196201
| style | object | | {pillContainer: {backgroundColor: 'black', height: 50}} | The styles object for styling the swiper details. More about styling in Custom styling step.|

0 commit comments

Comments
 (0)