how to change icon using my own icon

[yuni27]

I wanna change the icon with my own icon (icon.io), at the default it using react element. Can u explain how to change it? thanks before

[timomeh]

Take a look at the documentation at https://oblador.github.io/react-native-vector-icons/, there's a section for own icons.

I'm going to close this issue since it's not related to this project.

[yuni27]

i mean, i wanna change the icon from my own folder, not from that react native icon.

[timomeh]

As I said, you can use react-native-vector-icons to define own icons. Or use an image or any other icon component you want, the BottomNavigation doesn't care.

[Dineshchitta]

I have done like this.

import {Image} from 'react-native'
const ownIcon = React.createElement(Image, {
  source: require('youricon.png')
})

Usage with Tab

<Tab
   label={'Home'}
   icon={ownIcon}
  />