navigation 相关问题

导航是指导航资源网络的过程，以及用于执行此操作的用户界面。

如何在 flutter 中添加子视图并处理其导航

我对flutter还很陌生。我试图克隆“canva”编辑用户界面。整个用户界面可以分为两部分，左侧面板和编辑区域。左侧面板包含多个选项，单击后...

flutter navigation subview

回答 1 投票 0

如何找到android导航组件当前的graphId

我正在使用Android导航组件，我想创建一个具有当前图形范围的viewModel。我需要使用 navGraphViewModels(graphId)。问题是我在里面使用当前片段

android navigation

回答 2 投票 0

PopScope 不适用于 flutter web。即使将其设置为下降后，它也会弹出屏幕

我正在构建一个 flutter web 应用程序，并且我在我的登录页面中实现了 PageView ，其中 pageview 总共有 3 个页面。所以如果页面索引没有，我试图减少 pagewview 索引...

flutter routes navigation bloc

回答 1 投票 0

删除导航栏两侧和顶部的空白

我已经寻找了许多解决方案，目前我正在重做我拥有的网站的代码，因为我将所有 CSS 单独布局在每个 HTML 页面上。最终我有太多页需要汉化...

html css navigation margin padding

回答 6 投票 0

自定义 Flutter 导航栏

我怎样才能制作这样的自定义导航栏？在此输入图像描述我已经尝试过这个在主页上类 CustomNavigationBar 扩展 StatelessWidget { 最终名单我怎样才能制作这样的自定义导航栏？在此输入图片描述我已经尝试过这个在主页上 class CustomNavigationBar extends StatelessWidget { final List<NavigationDestination> destinations; final int selectedIndex; final Function(int index) onDestinationSelected; const CustomNavigationBar({ Key? key, required this.destinations, required this.selectedIndex, required this.onDestinationSelected, }) : super(key: key); @override Widget build(BuildContext context) { return Container( color: Colors.green, // You can customize the background color height: 60, // Adjust the height as needed child: Row( mainAxisAlignment: MainAxisAlignment.spaceAround, children: List.generate( destinations.length, (index) => GestureDetector( onTap: () => onDestinationSelected(index), child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ Icon( destinations[index].icon, color: index == selectedIndex ? Colors.white : Colors.black, ), if (destinations[index].label != null) Text( destinations[index].label!, style: TextStyle( color: index == selectedIndex ? Colors.white : Colors.black, ), ), ], ), ), ), ), ); } } 在主页上 final List<NavigationDestination> destinations = [ NavigationDestination(icon: Icons.home, label: 'Home'), NavigationDestination(icon: Icons.search, label: 'Search'), NavigationDestination(icon: Icons.shopping_cart, label: 'Cart'), ]; 我已经尝试过这个蛇形导航栏至少我需要任何帮助来了解我该如何做这个蛇形导航栏我已经尝试了很多，我读过它，但我绝对做不到尝试下面的代码： import 'package:flutter/material.dart'; class CustomNavigationBar extends StatelessWidget { final List<NavigationDestination> destinations; final int selectedIndex; final Function(int index) onDestinationSelected; const CustomNavigationBar({ super.key, required this.destinations, required this.selectedIndex, required this.onDestinationSelected, }); @override Widget build(BuildContext context) { return Container( margin: const EdgeInsets.all(8.0), padding: const EdgeInsets.symmetric(horizontal: 16.0), decoration: BoxDecoration( color: const Color(0xFF017620), borderRadius: BorderRadius.circular(30.0), ), height: 60.0, child: Row( mainAxisAlignment: MainAxisAlignment.spaceAround, children: List.generate( destinations.length, (index) { bool isSelected = index == selectedIndex; return GestureDetector( onTap: () => onDestinationSelected(index), child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ Container( decoration: isSelected ? const BoxDecoration( color: Colors.white, shape: BoxShape.circle, ) : null, padding: EdgeInsets.all(isSelected ? 8.0 : 0.0), child: Icon( destinations[index].icon, color: isSelected ? Colors.green : Colors.white, ), ), ], ), ); }, ), ), ); } } class NavigationDestination { final IconData icon; final String? label; NavigationDestination({required this.icon, this.label}); } void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( bottomNavigationBar: CustomNavigationBar( destinations: [ NavigationDestination(icon: Icons.home, label: 'Home'), NavigationDestination(icon: Icons.note, label: 'Notes'), NavigationDestination( icon: Icons.calendar_today, label: 'Calendar'), NavigationDestination(icon: Icons.person, label: 'Profile'), ], selectedIndex: 0, onDestinationSelected: (index) { // todo: handle destination selection... }, ), body: const Center(child: Text('Content goes here')), ), ); } } 它会给你一个像附件一样的底部导航栏。

flutter dart codeigniter navigation

回答 1 投票 0

如何在 Flutter 中正确处理嵌套 WillPopScope 小部件中的后退按钮

我正在开发一个带有 NavigationPage 的 Flutter 应用程序，该应用程序使用 IndexedStack 通过 BottomNavigationBar 管理不同的屏幕。每个屏幕都包裹在一个导航器中，有自己的 Globa...

flutter dart navigation

回答 1 投票 0

Godot 4.3（beta3）中，在新的TileMapLayer节点中避开障碍物

我不明白如何使用 NavigationAgent2D 路径处理 TileMapsLayers 中的障碍物（具有物理层的区域）。这是我到目前为止所拥有的。我有一个简单的场景世界，只有 2 个 TileMapLa...

navigation godot godot4

回答 1 投票 0

如何在 Flutter 中使用位智？

我想用我的 flutter 代码显示已安装 Waze 应用程序的位置，我使用 url_luncher 打开它，但它不起作用这是网址： Uri.parse('url') 所以打印是：组件名称...