Makussu/subtracks
1
0
Fork 0
mirror of https://github.com/austinried/subtracks.git synced 2026-02-10 23:02:43 +01:00
Code Issues Packages Projects Releases Wiki Activity

do memoizing better

Browse Source
This commit is contained in:
austinried
2021-07-13 09:46:55 +09:00
parent 38530134fd
commit 13ae61f160
3 changed files with 20 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
app/navigation/BottomTabBar.tsx
View File

@@ -32,14 +32,14 @@ const icons: { [key: string]: TabButtonImage } = {
},
}
const BottomTabButton: React.FC<{
const BottomTabButton = React.memo<{
routeKey: string
label: string
name: string
isFocused: boolean
img: TabButtonImage
navigation: any
}> = ({ routeKey, label, name, isFocused, img, navigation }) => {
}>(({ routeKey, label, name, isFocused, img, navigation }) => {
const onPress = () => {
const event = navigation.emit({
type: 'tabPress',
@@ -69,8 +69,7 @@ const BottomTabButton: React.FC<{
</Text>
</PressableOpacity>
)
}
const MemoBottomTabButton = React.memo(BottomTabButton)
})
const BottomTabBar: React.FC<BottomTabBarProps> = ({ state, descriptors, navigation }) => {
return (
@@ -87,7 +86,7 @@ const BottomTabBar: React.FC<BottomTabBarProps> = ({ state, descriptors, navigat
: route.name
return (
<MemoBottomTabButton
<BottomTabButton
key={route.key}
routeKey={route.key}
label={label}