gpt4 book ai didi

react-native - 如何通过 React Native Web 使用 react-navigation 设置文档标题?

转载 作者:行者123 更新时间:2023-12-04 01:08:22 26 4
gpt4 key购买 nike

我的 Web 应用程序是由 React Native Web 使用 react-navigator 创建的。
react-navigator 默认将 RouteName 设置为 document.title 。
前任。

<Stack.Navigator screenOptions={{ headerShown: false }}>
<Stack.Screen name="root" component={RootScreen} />
<Stack.Screen name="search" component={SearchScreen} />
</Stack.Navigator>
产生
...
<head>
<title>root</title>
...
我想要的是
按需更改 document.title。
我试过但没有用
尝试直接访问文档对象,但下面的代码不起作用。
export default function RootScreen({ navigation }) {
useEffect(() => {
document.title = `My Web App | ${someMessage}`
})

最佳答案

我发现 Expo for Web 基本上将屏幕标题设置为文档标题。所以我做了这样的事情:

import { Platform } from 'react-native';
const title = (text) => Platform.select({ web: `My Web App | ${text}`, default: text });
<Stack.Navigator screenOptions={{ headerShown: false }}>
<Stack.Screen name="root" component={RootScreen} options={{ title: title('root') }} />
<Stack.Screen name="search" component={SearchScreen} options={{ title: title('search') }} />
</Stack.Navigator>
然后,您可以修改 title 函数以返回各种屏幕的预期标题。

关于react-native - 如何通过 React Native Web 使用 react-navigation 设置文档标题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65570813/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com