Styles

This prop allows you to modify styles of every component. However, if you only want to adjust only colors, you should use theme prop.

caution

Because of how library calculates rows and columns some styles may break the layout. You should avoid passing styles that changes the dimensions of components, especially the emoji.

styles

This is the name of property that has every component styles inside.

Type	Default
Record<string, ViewStyle>	{}

Full list of styles properties

tip

You don't have to pass new styles for every component. The omitted ones will use default theme values. These props won't work outside of styles prop.

container

Set styles of the whole modal container.

Type	Default
ViewStyle	{}

header

Set styles of header text. Header is the component containing category name.

Type	Default
TextStyle	{}

knob

Set styles of the modal knob.

caution

Works only in the modal mode with knob enabled.

Type	Default
ViewStyle	{}

category

Set styles of the category component. You can pass different styles for the container and the icon.

Type	Default
{ container: ViewStyle, icon: TextStyle }	{ container: {}, icon: {} }

searchBar

Set styles of the searchBar component. You can pass different styles for the container and the text.

Type	Default
{ container: ViewStyle, text: TextStyle }	{ container: {}, text: {} }

emoji

Set styles of the emoji component. You can pass styles for selected state.

Type	Default
{ selected: ViewStyle }	{ selected: {} }