Skip to main content

utils folder

Every app needs a junk drawer. Here you can find a library of utilities that are used often within your application. This could includes hooks, helper functions, and various tools.



We sometimes create a separate app/hooks folder just for hooks. This is a matter of preference.


A hook can be used to create a safe-area-aware style object that can be passed directly to a View.

const $insetStyle = useSafeAreaInsetsStyle(["top"], "padding")

<View style={$insetStyle} />

Full useSafeAreaInsetsStyle


A hook that can be used to easily set the Header of a react-navigation screen from within the screen's component.

function AccountScreen() {
rightTx: "common.logOut",
onRightPress: logout,

return <Screen />

Full useHeader