@logo-rn/logo-toolbar

is usually used as a header placed at the bottom of the screen. It can contain the screen title, controls such as buttons, menu button etc.

Installation

Install the component:

npm i @logo-rn/logo-toolbar -s

Usage

Once installed, import the component in your application:

import { LogoToolbar } from '@logo-rn/logo-toolbar';

<LogoToolBar
  button1={{ onPress: () => {}, text: 'Action 1', type: 'Info' }}
  button2={{ onPress: () => {}, text: 'Action 2', type: 'Primary' }}
  moreActionsButton={{
    icon: 'ellipsis-h',
    onPress: () => {},
    type: 'Info',
  }}
  icons={icons}
  leftOnPress={() => Alert.alert('Tıklantı')}
  rightOnPress={() => Alert.alert('TıklantıRight')}
  rightIcon={'plus'}
  leftIcon={'bars'}
  leftText="Action 1"
  type={'buttonsHorizontal'}
  rightText="Action 2"
  descriptionText={'80 Kayıt'}
/>

For more detailed information, please visit:

Logo Elements Documentation ↗