Skip to content

Commit 85a8e76

Browse files
authored
chore: add material top tabs missing props (react-navigation#1209)
* chore: add material top tabs missing props (tabBarGap, tabBarAndroidRipple) * chore: add examples
1 parent 9d64d38 commit 85a8e76

File tree

1 file changed

+38
-2
lines changed

1 file changed

+38
-2
lines changed

versioned_docs/version-6.x/material-top-tab-navigator.md

Lines changed: 38 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -295,13 +295,49 @@ Color for the icon and label in the active tab.
295295

296296
Color for the icon and label in the inactive tabs.
297297

298+
#### `tabBarGap`
299+
300+
Spacing between the tab items in the tab bar.
301+
302+
Example:
303+
304+
```js
305+
<Tab.Navigator
306+
//...
307+
screenOptions={{
308+
tabBarGap: 10,
309+
}}
310+
>
311+
</Tab.Navigator>
312+
```
313+
314+
#### `tabBarAndroidRipple`
315+
316+
Allows to customize the android ripple effect.
317+
318+
Example:
319+
320+
```js
321+
<Tab.Navigator
322+
//...
323+
screenOptions={{
324+
tabBarAndroidRipple: { borderless: false },
325+
}}
326+
>
327+
</Tab.Navigator>
328+
```
329+
298330
#### `tabBarPressColor`
299331

300-
Color for material ripple (Android >= 5.0 only).
332+
Color for material ripple.
333+
334+
Only supported on Android.
301335

302336
#### `tabBarPressOpacity`
303337

304-
Opacity for pressed tab (iOS and Android < 5.0 only).
338+
Opacity for pressed tab.
339+
340+
Only supported on iOS.
305341

306342
#### `tabBarBounces`
307343

0 commit comments

Comments
 (0)