You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
42 lines
925 B
42 lines
925 B
import type {
|
|
NavigationContainerRef,
|
|
ParamListBase,
|
|
} from '@react-navigation/core';
|
|
import * as React from 'react';
|
|
|
|
import type { DocumentTitleOptions } from './types';
|
|
|
|
/**
|
|
* Set the document title for the active screen
|
|
*/
|
|
export default function useDocumentTitle(
|
|
ref: React.RefObject<NavigationContainerRef<ParamListBase>>,
|
|
{
|
|
enabled = true,
|
|
formatter = (options, route) => options?.title ?? route?.name,
|
|
}: DocumentTitleOptions = {}
|
|
) {
|
|
React.useEffect(() => {
|
|
if (!enabled) {
|
|
return;
|
|
}
|
|
|
|
const navigation = ref.current;
|
|
|
|
if (navigation) {
|
|
const title = formatter(
|
|
navigation.getCurrentOptions(),
|
|
navigation.getCurrentRoute()
|
|
);
|
|
|
|
document.title = title;
|
|
}
|
|
|
|
return navigation?.addListener('options', (e) => {
|
|
const title = formatter(e.data.options, navigation?.getCurrentRoute());
|
|
|
|
document.title = title;
|
|
});
|
|
});
|
|
}
|