Memoize action in App.tsx
This commit is contained in:
parent
fadab1f30b
commit
139d75493e
15
App.tsx
15
App.tsx
|
@ -88,6 +88,15 @@ const App = () => {
|
||||||
[settings, setSettings],
|
[settings, setSettings],
|
||||||
)
|
)
|
||||||
|
|
||||||
|
const action = useMemo(
|
||||||
|
() => ({
|
||||||
|
label: 'Close',
|
||||||
|
onPress: () => setSnackbar(''),
|
||||||
|
color: theme.colors.primary,
|
||||||
|
}),
|
||||||
|
[theme.colors.primary],
|
||||||
|
)
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<PaperProvider
|
<PaperProvider
|
||||||
theme={theme}
|
theme={theme}
|
||||||
|
@ -104,11 +113,7 @@ const App = () => {
|
||||||
duration={3000}
|
duration={3000}
|
||||||
onDismiss={() => setSnackbar('')}
|
onDismiss={() => setSnackbar('')}
|
||||||
visible={!!snackbar}
|
visible={!!snackbar}
|
||||||
action={{
|
action={action}>
|
||||||
label: 'Close',
|
|
||||||
onPress: () => setSnackbar(''),
|
|
||||||
color: theme.colors.primary,
|
|
||||||
}}>
|
|
||||||
{snackbar}
|
{snackbar}
|
||||||
</Snackbar>
|
</Snackbar>
|
||||||
</PaperProvider>
|
</PaperProvider>
|
||||||
|
|
Loading…
Reference in New Issue
Block a user