@takeoffmedia/react-native-collapsible-tab-view

Reusable collapsible tab view component extracted from the BritBox app CustomCollapsibleTabView implementation.

Installation

npm install @takeoffmedia/react-native-collapsible-tab-view

You must also have these peer dependencies installed in the consumer app:

npm install react react-native react-native-reanimated react-native-gesture-handler react-native-pager-view react-native-worklets @shopify/flash-list

Usage

import { Tabs, MaterialTabBar } from '@takeoffmedia/react-native-collapsible-tab-view';

export const Example = () => {
  return (
    <Tabs.Container renderTabBar={(props) => <MaterialTabBar {...props} />}>
      <Tabs.Tab name="Episodes" label="Episodes">
        <Tabs.FlatList data={[]} renderItem={undefined} />
      </Tabs.Tab>
      <Tabs.Tab name="More" label="More">
        <Tabs.ScrollView />
      </Tabs.Tab>
    </Tabs.Container>
  );
};

Publish

npm version patch
npm publish --access public

For automated releases:

yarn release

License

MIT