Flagsmith / Flagsmith/react-navigation-focus-render

Hook and React.memo Version

Open
#1 3 comments 0 reactions 1 assignee Claimed by @kyle-ssg View on GitHub
Dominant language
TypeScript
Stars
13
Forks
1
PR merge metrics
No merged PRs in 30d

Description

Thanks for your awesome library.
My project can't use react-navigation 5. so I cloned your source as hook version.
I don't know yet how create this with useMemo instead of React.memo.
How about this?

```
import React, { ReactElement } from 'react'
import { useIsFocused } from 'react-navigation-hooks'

type RendererProps = Props & {
isFocused: boolean
}

type IRenderer = React.FC

const Renderer: IRenderer = ({ children, Wrapper }) => {
return Wrapper ? {children} : (children as ReactElement)
}

const MemorizedRender = React.memo(Renderer, (_, { isFocused }) => {
return !isFocused
})

export const FocusRender: IFocusRender = ({ children, Wrapper }) => {
const isFocused = useIsFocused()

return (

{children}

)
}
```

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.