status-im
/
rn-emoji-keyboard
mirror of https://github.com/status-im/rn-emoji-keyboard.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix: numberOfColumns

This commit is contained in:
Jakub Grzywacz 2021-07-08 13:47:59 +02:00
parent e48d5693fe
commit d20174947f
No known key found for this signature in database
GPG Key ID: 5BBB685871FF63C4
1 changed files with 3 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/EmojiCategory.tsx
View File

@ -16,7 +16,7 @@ export const EmojiCategory = ({ item }: { item: CategoryTypes }) => {
const { width } = useWindowDimensions();
const ctx = React.useContext(KeyboardContext);
const numberOfColumns = React.useRef<number>(
Math.floor(width / (ctx.emojiSize + 16))
Math.floor(width / (ctx.emojiSize + 20))
);
const [data, setData] = React.useState<EmojiType[]>([]);
@ -30,10 +30,8 @@ export const EmojiCategory = ({ item }: { item: CategoryTypes }) => {
}, [item]);
const getItemLayout = (_: EmojiType[] | null | undefined, index: number) => ({
length: ctx?.emojiSize ? ctx?.emojiSize : 0,
offset:
(ctx?.emojiSize ? ctx?.emojiSize : 0) *
Math.ceil(index / (ctx?.numberOfColumns ? ctx?.numberOfColumns : 1)),
length: ctx.emojiSize ? ctx.emojiSize : 0,
offset: ctx.emojiSize * Math.ceil(index / ctx.numberOfColumns),
index,
});