Search code examples
react-nativeandroid-toolbar

Apply title under action icon toolbarAndroid React Native

Hi i'm new in react native so i don't now if it is possible. I want a toolbarAndroid but i want the title of the actions to show under them instead of default next to them. Also even when the title shows next to the icon it will only show up if there is space for it.

My Toolbar

<ToolbarAndroid
      style={styles.toolbar}
      logo={logo}
      actions={[
        {
          title: 'Main', icon: mainIcon, show: 'always', showWithText: true
        },
        ...

The style

const styles = StyleSheet.create({
  toolbar: {
    backgroundColor: 'grey',
    height: 50
},
...

How it is and how i want it to be

Solution

  • My best solution until now is editing the icons adding each text to each icon