status-im/rn-emoji-keyboard
2
0
Fork 0
mirror of https://github.com/status-im/rn-emoji-keyboard.git synced 2025-02-04 12:23:28 +00:00
Code Issues Projects Releases Wiki Activity

fix: android active indicator

Browse Source
This commit is contained in:
Jakub Grzywacz 2021-07-08 23:43:04 +02:00
parent 935fe7009f
commit f6f9d40647
No known key found for this signature in database
GPG Key ID: 5BBB685871FF63C4
2 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/Categories.tsx
View File

@ -33,7 +33,6 @@ export const Categories = ({ flatListRef, scrollNav }: CategoriesProps) => {
const activeIndicator = React.useCallback(
() => (
// <Animated.View style={[styles.activeIndicator, { left: scrollNav }]} />
<Animated.View
style={[
styles.activeIndicator,
@ -58,6 +57,7 @@ export const Categories = ({ flatListRef, scrollNav }: CategoriesProps) => {
horizontal={true}
onScrollToIndexFailed={(e) => console.log(e)}
ListHeaderComponent={activeIndicator}
ListHeaderComponentStyle={styles.activeIndicatorContainer}
extraData={ctx?.activeCategoryIndex}
/>
</View>
@ -91,4 +91,9 @@ const styles = StyleSheet.create({
backgroundColor: 'white',
borderRadius: 6,
},
activeIndicatorContainer: {
position: 'absolute',
width: 28,
height: 28,
},
});

4
src/components/EmojiCategory.tsx
View File

@ -30,10 +30,6 @@ export const EmojiCategory = ({ item }: { item: CategoryTypes }) => {
const [empty, setEmpty] = React.useState<EmojiType[]>([]);
React.useEffect(() => {
console.log(
numberOfColumns.current -
(emojisByGroup[item].length % numberOfColumns.current)
);
const fillWithEmpty = new Array(
numberOfColumns.current -
(emojisByGroup[item].length % numberOfColumns.current)