Skip to main content

ActionBar

Quick actions bar, each action support Button component props
(code example)

info

This component extends View props.

tip

This component support margin, padding modifiers.

Usage​

Live Editor
<View marginT-40>
  <ActionBar
    actions={[
      {label: 'Delete', onPress: () => console.log('delete')},
      {label: 'Replace Photo', onPress: () => console.log('replace photo')},
      {label: 'Edit', onPress: () => console.log('edit')}
    ]}
  />
</View>
Result
Loading...

API​

actions​

The actions for the action bar ButtonProps[]

backgroundColor​

Background color string

centered​

Should action be equally centered boolean

height​

Height number

keepRelative​

Keep the action bar position relative instead of it absolute position boolean

style​

Component's style ViewStyle

useSafeArea​

In iOS, use safe area, in case component attached to the bottom boolean