navigation-drawer 相关问题

Android导航抽屉是一个面板，可以从屏幕边缘进出，并显示应用程序的主要导航选项。

React Native - 如何从父抽屉导航器导航到子堆栈导航器中的特定屏幕

我已经好几天没能实现这个目标了。我最上面的导航器是一个 DrawerNavigator，它有多个链接到特定的子 Stack 导航器，也有到其他屏幕的链接。这是我的

react-native react-navigation navigation-drawer

回答 1 投票 0

WPF NavigationViewItem 不需要的空弹出窗口/弹出窗口

我有一个 WPF 应用程序，它使用 ModernWPF 工具包实现了 NavigationView。导航视图菜单由三个项目组成，每个项目都有图标和选择文本，正如您所期望的那样，...

c# wpf xaml navigation-drawer flyout

回答 1 投票 0

Expo 路由器抽屉：显示标题时导航不起作用

我正在使用 expo-router 开发一个 Expo 项目并实现一个用于导航的抽屉。当我在 screenOptions 中设置 headerShown: true 时会出现此问题。当抽屉打开时，点击

react-native expo navigation-drawer

回答 1 投票 0

如何在firebaseui提供的recyclerview项目上使用上下文菜单

我想知道如何将上下文菜单放入 FirebaseUI 提供的 recyclerview 项目中，并能够执行一些操作来了解长按哪个项目。因为当我尝试使用

android android-recyclerview navigation-drawer firebaseui android-contextmenu

回答 1 投票 0

React Native Expo 导航抽屉图标未显示在 Firebase 部署环境中

我正在使用导航抽屉创建侧边栏菜单。在本地运行时它呈现良好，但将其部署到谷歌服务器时 - https://cancer-hacked.web.app/ - 导航菜单图标...

react-native expo navigation-drawer

回答 1 投票 0

TypeError：navigation.openDrawer不是一个函数（未定义）js引擎：React Native中的hermes

我在我的React Native项目中使用React Navigation，结合了Stack Navigator和Drawer Navigator，但是当我尝试在我的组件中使用navigation.openDrawer()时，我得到了以下信息...

android react-native command-line-interface navigation-drawer react-navigation-drawer

回答 1 投票 0

提供给React Navigation的NativeStackScreenProps的“导航器ID”是什么？

React Navigation 文档提供了一些有关 TypeScript 类型检查的建议，其中包括以下类型检查屏幕：输入 Props = NativeStackScreenProps React 导航文档提供了一些有关 TypeScript 类型检查的建议，其中包括以下内容用于类型检查屏幕： type Props = NativeStackScreenProps<RootStackParamList, 'Profile', 'MyStack'>; 最后一个参数是（可选）“导航器的 ID”，但不清楚它来自哪里或代表什么。提供给NativeStackScreenProps的“导航器ID”是什么？这可以与 navigation.getParent 一起使用来在子导航器中引用此导航器。

typescript react-navigation navigation-drawer

回答 1 投票 0

反应本机中的样式抽屉菜单切换按钮

我正在尝试向切换按钮添加一些背景阴影，并稍微增加尺寸，但我无法找到针对该按钮的正确道具。这是我的代码。我正在尝试向切换按钮添加一些背景阴影，并稍微增加尺寸，但我无法找到针对该按钮的正确道具。这是我的代码。 <Drawer.Navigator screenOptions={(navigation) => ({ drawerStyle:{width:280}, drawerItemStyle: { borderRadius: 0, width: '100%', marginVertical: 0, marginLeft: 0, }, drawerLabelStyle: { fontFamily: 'sans-serif', fontWeight:'100' }, drawerActiveTintColor: '#288df9', drawerInactiveTintColor: '#444' })}> ... </Drawer.Navigator> 任何有关如何设置切换按钮样式的帮助将不胜感激。如果你检查这个Drawer的实现，你会发现这个按钮是一个硬编码在里面的图像：https://github.com/react-navigation/react-navigation/blob/b91c9b05ff96727f5fa6ef0bec51b5d7eac06600/packages/drawer/src/views/ DrawerToggleButton.tsx#L37 export default function DrawerToggleButton({ tintColor, ...rest }: Props) { const navigation = useNavigation<DrawerNavigationProp<ParamListBase>>(); return ( <PlatformPressable {...rest} accessible accessibilityRole="button" android_ripple={{ borderless: true }} onPress={() => navigation.dispatch(DrawerActions.toggleDrawer())} style={styles.touchable} hitSlop={Platform.select({ ios: undefined, default: { top: 16, right: 16, bottom: 16, left: 16 }, })} > <Image style={[styles.icon, tintColor ? { tintColor } : null]} source={require('./assets/toggle-drawer-icon.png')} fadeDuration={0} /> </PlatformPressable> ); } 我认为你可以做的就是替换node_modules中的图像并使用补丁包将其保存为本地存储库中的补丁。另一种方法是实现自己的 Button 并使用 openDrawer/closeDrawer 方法来控制抽屉。使用 headerTintColor 选项 <Drawer.Screen name="index" // This is the name of the page and must match the url from root options={{ drawerLabel: 'Home', title: 'overview', headerTintColor: 'white' // headerLeft: () => ( // <View><ThemedText>123</ThemedText></View> // ) }} />

react-native navigation-drawer

回答 2 投票 0

当抽屉打开时，Android 上的状态栏不完全透明

我正在尝试实现完全透明的状态栏，以便活动背景绘制在状态栏上。我对此进行了研究，发现下面的代码对我有用，至少对于活动

android navigation-drawer drawerlayout android-statusbar android-drawer

回答 1 投票 0

如何将反应本机抽屉标题图标（“汉堡”）设置到右侧？

我将抽屉设置在右侧，但是屏幕标题中的汉堡包图标保持默认左侧，是否有任何属性可以通过将位置更改为右侧？我知道应该这样做......

react-native navigation-drawer react-native-navigation react-navigation-drawer

回答 5 投票 0

如何让viewmodel发起后台任务

我有一个队列需要执行任务。任务有两种类型：片段工作和后台工作。但我想把所有的工作代码都放在viewmodel中统一管理。我该怎么办