Tabs

import { Tab } from '@superlogica/design-system-mobile'

import * as React from 'react';
import { View } from 'react-native';
import { Tab } from '@superlogica/design-system-mobile';

const Page = () => <View style={{ flex: 1, backgroundColor: #ddd; }} />;

const YourApp = () => {
  const routes = {
    first: Page,
    second: Page,
    third: Page,
  };

  const config = [
    {
      key: 'first',
      title: 'First'
    },
    {
      key: 'second',
      title: 'Second'
    },
    {
      key: 'third',
      title: 'Third',
      counter: '5'
    }
  ];

  return (
    <View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
      <Tab
        scrollEnabled
        scenes={routes}
        config={config}
        initialTab={1}
        tabBarPosition="top"
      />
    </View>
  )
}

export default YourApp;