remove tab bar underline animation

This commit is contained in:
Ansh Nanda 2023-05-15 12:31:27 -07:00
parent d7e39bde12
commit 6249bb16ca
4 changed files with 111 additions and 68 deletions

View file

@ -1,4 +1,4 @@
import React from 'react'
import React, {useMemo} from 'react'
import {Animated, StyleSheet, TouchableOpacity} from 'react-native'
import {observer} from 'mobx-react-lite'
import {TabBar} from 'view/com/pager/TabBar'
@ -32,6 +32,11 @@ export const FeedsTabBar = observer(
store.shell.openDrawer()
}, [store])
const items = useMemo(
() => ['Following', "What's hot", ...store.me.savedFeeds.listOfFeedNames],
[store.me.savedFeeds.listOfFeedNames],
)
return (
<Animated.View style={[pal.view, pal.border, styles.tabBar, transform]}>
<TouchableOpacity
@ -45,11 +50,7 @@ export const FeedsTabBar = observer(
</TouchableOpacity>
<TabBar
{...props}
items={[
'Following',
"What's hot",
...store.me.savedFeeds.listOfFeedNames,
]}
items={items}
indicatorPosition="bottom"
indicatorColor={pal.colors.link}
/>