我如何在flutter中实现此appbar设计，其中我在appbar中插入导航而不是bottomNavigationBar
在Flutter中实现一个带有导航的AppBar可以通过以下步骤完成：
- 导入所需的包：
- 导入所需的包：
- 创建一个StatefulWidget来管理AppBar和导航：
- 创建一个StatefulWidget来管理AppBar和导航：
- 创建一个State类来管理状态和构建UI：
- 创建一个State类来管理状态和构建UI：
- 创建导航页面的Widget，例如Page1、Page2和Page3：
- 创建导航页面的Widget，例如Page1、Page2和Page3：
- 在main函数中运行MyApp：
- 在main函数中运行MyApp：
这样，你就可以在Flutter中实现一个带有导航的AppBar了。你可以根据需要自定义AppBar的样式和导航页面的内容。
相关·内容
我想这样设计我的应用程序的appbar ? 有人能帮我完成这项任务吗?谢谢！
浏览 14提问于2021-05-04得票数 0
回答已采纳
根据这个github问题，我正在尝试在flutter中实现一个自定义的scaffold：https://github.com/flutter/flutter/issues/19606 import 'package:flutter/material.dart';
static
浏览 13提问于2018-12-28得票数 3
回答已采纳
如何在2.5版本的新flutter模板上集成底部导航栏？我理解其中的原理，但我不能在模板的主体中插入这一行：child: _widgetOptions.elementAt (_selectedIndex), (这行代码来自flutter文档)，因为主体返回一个` Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: c
浏览 39提问于2021-09-24得票数 0
3回答
我一直无法找到任何文件，以创建页脚导航条与颤振/达特。我知道"crossAxisAlignment: CrossAxisAlignment.end“可以用来将内容拉到列的底部。然而，我不知道如何呈现一个网站页脚，坚持在屏幕底部。在flex和css网格中有各种解决方案，但不清楚在这个平台中实现是什么样子。import 'package:flutter/material.dart';
import
浏览 1提问于2018-03-05得票数 3
回答已采纳
我的项目层次结构类似于MVC设计模式：在main.dart中，我导入controller.dart，其中包含应用程序的整个布局(Scaffold、AppBar、BottomNavigationBar，我在PageView和PageController中使用AutomaticKeepAliveClientMixin<MyView>import 'pac
浏览 4提问于2022-05-26得票数 0
回答已采纳
1回答
我有一个包含底部导航的应用程序，当应用程序加载时，它默认为第一页。如果我要点击第二页，然后从第二页，我导航到另一个单独的页面，没有链接到底部导航栏。当我点击这个页面中的Appbar中的后退按钮时，我会再次看到一个页面，而不是第2页。import 'package:flutter/material.dart';
impo
浏览 1提问于2019-08-05得票数 5
1回答
super.initState(); @override return Scaffold( // title: Text('BottomNavigationBar Sample'), // body: Center(
浏览 11提问于2018-12-28得票数 0
我有一个有三条路径的应用程序，并使用bottomNavigationBar在它们之间导航。在其中一条路径中，我在页面中有一个按钮，它也将导航到其中一个页面。这是我的主页import 'page
浏览 3提问于2019-10-30得票数 0
回答已采纳
在iOS中，我们有一个，当我们推到一个新的ViewController时，它将永久地保留在屏幕的底部。
在颤栗中，我们有一个脚手架的bottomNavigationBar。在我的应用程序中，我想满足这样的要求:主屏幕有一个bottomNavigationBar，其中有两个项目(a & b)呈现屏幕A& B。默认情况下，屏幕A是显示的。在屏幕A里面，有一个按钮。现在在
浏览 2提问于2018-04-03得票数 49
回答已采纳
我在BottomNavigationBar-Widget的子代中创建了一个Slider。定义了它的onChanged函数，它应该会更改Slider的值。如果我把Slider放在一个简单的Scaffold中，它可以正常工作。
如何在BottomNavigationBar中实现这一点？我是否需要在BottomNavigationBar中声明缺少什么(侦听器/
浏览 0提问于2018-08-28得票数 5
回答已采纳
我尝试通过BottomNavigationBar切换页面将变量从一个页面发送到第二个页面，同时发送变量。但是我不知道如何通过切换页面发送变量。
浏览 22提问于2021-03-18得票数 0
1回答
我有一个应用程序，它有一个主底部标签(bottomNavigationBar of a scaffold)。在每个选项卡中，我有一个顶部选项卡条控制器，每当用户点击底部导航条的给定选项卡，就会相应地更改TabBarView子tabSectionBodies (参见下面的代码)；I/flutter (26204):
浏览 10提问于2022-05-18得票数 0
回答已采纳
在原生android开发中，通常使用FragmentTransaction创建导航动画，其中actionBar的位置保持不变(但actionBar的内容发生了变化)，而actionBar下的片段执行过渡动画(如滑入或滑出)。简单地说，AppBar和body执行不同的过渡动画。在flutter中，创建这样的动画的最佳实践是什么？目前，我能想到的解决方案是在Scaffold.body中
浏览 2提问于2018-12-08得票数 4
1回答
我正在尝试创建一个透明的底部导航栏，下面是我的底部导航栏部分： alignment: Alignment.bottomCenter,.copyWith(canvasColor: Colors.transparent),
浏览 13提问于2020-06-03得票数 0
回答已采纳
我有一个底部导航栏，为每个应用程序主屏幕创建一个导航器。想要的行为: Android按钮弹出嵌套导航器而不是全局导航器。
如何将Android按钮附加到特定的导航器上？如果
浏览 2提问于2020-05-14得票数 0
回答已采纳
我想在flutter应用程序中显示带有逐个转弯导航的Google Maps应用程序。
它显示了Google Maps webapp，
浏览 2提问于2019-08-20得票数 5
我到处找都找不到答案。 我有一台BottomNavigationBar和一台FloatingActionButton。此页面需要覆盖BottomNavigationBar和以前的AppBar的区域，因为在此新页面中，用户不允许转到BottomNavigationBar的其他选项卡。我偶然发现了PageRoute窗口小部件类的属性fullscreenDialog，我很兴奋，但无法让它完全按照我想要的方
浏览 12提问于2019-02-08得票数 7
回答已采纳
import 'package:flutter/material.dart';
HomeScreen();: AppBar( ), bottomNavigationBar在initState方法中进行网络调用。如何将
浏览 1提问于2018-11-02得票数 1
我在屏幕顶部有一个Tab布局，在屏幕底部有一个底部导航视图。 我需要在中间有一个容器，并交换视图，这类似于Android中的片段事务。 如何在Flutter中实现这一点？home: DefaultTabController( child: Scaffold(
appBar: AppBarcon
浏览 15提问于2019-09-11得票数 0
现在我的应用程序如下所示我想在Browse小部件中添加一个TabBar。现在，它在浏览小部件中显示一个简单的文本小部件。代码如下class MyApp extends StatelessW
浏览 3提问于2020-06-09得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
