Skip to main content

Categories Position

info

To preview app with this example, clone github repo and run yarn example ios or yarn example android.

If you want to change the position of a picker, just use categoryPosition props with the appropriate value. For more information about avaible props check API Reference section.

Top​

import EmojiPicker from 'rn-emoji-keyboard'

const ExampleComponent = () => {
  // ...

  return (
    <EmojiPicker
      open={isOpen}
      onClose={handleOnClose}
      onEmojiSelected={handleOnEmojiSelected}
      //  add props below
      categoryPosition="top"
    />
  )
}

Preview

Bottom​

import EmojiPicker from 'rn-emoji-keyboard'

const ExampleComponent = () => {
  // ...

  return (
    <EmojiPicker
      open={isOpen}
      onClose={handleOnClose}
      onEmojiSelected={handleOnEmojiSelected}
      //  add props below
      categoryPosition="bottom"
    />
  )
}

Preview