Large variant

[dylancom]

Feature request

In a lot of apps I'm seeing a slightly larger / bigger variant of the segmented control. See for e.g.:

• The GitHub iOS app if you navigate to Home > Issues.
• Safari > Bookmarks.

Why it is needed

When using the segmented control as top tab navigation it's ux wise nice to have bigger buttons.

Possible implementation

I think the native module has some way of adding more padding / adjusting the height.

Code sample

<SegmentedControl
    large={true}
/>

[dylancom]

EDIT: seems you can already do this by providing a style prop: style={{ height: 40 }} Maybe this should be more clear in the docs.

[Naturalclar]

@dylancom thanks for the suggestion! I'll add info about styling in the docs

[anastely]

Is there a way to add a backgroundColor to the active Tab?

Edit i see I can add color for tintColor prop now if I want to add some style for this tab "active tab" like border Radius! when I add it for the style prop, it's applied for the Tab container itself 😅

here's a snack as you have seen the end of active tab not curved 😅

What expected behavior