问题:我使用一个bottomAppBar来托管4个带有ListViews的选项卡。但是，每次我来回导航时，滚动位置都会重置。我需要它来保存用户的滚动位置。 我知道您可以在TabBarView中使用PageStorageKey，但我想知道是否有用于bottomAppBar的等效方法。 我使用的代码：https://medium.com/coding-with-flutter/flutter-bottomappbar-navigation-with-fab-8b962bb55013 谢谢!
浏览 24提问于2019-02-20得票数 0
我是个新手，我正在开发一个有BottomAppBar的应用程序，它把属性bottomNavigationBar: of Scaffold()作为我的home_screen，因为我需要它在屏幕底部并在页面中持续存在，我还需要一个BottomNavigationBar来保持BottomAppBar顶部的持久性，但我无法做到这一点，因为BottomAppBar已经占据了bottomNavigationBar:的属性。
如何使我的BottomNavigationBar与我的BottomAppBar一起持久
注意：，我正在使用PageView()滚动我的页面，它将由BottomNavigationBar
浏览 1提问于2021-07-09得票数 0
1回答
我可以添加第二个浮动动作按钮作为缺口吗？我制作了一个图像来展示我想要的东西。
PS:我尝试了一些方法(包装堆栈或行小部件等)，但结果是；
我也需要我的底部按钮，用我发现的方法，浮动按钮总是覆盖它。
我目前的代码是：
import 'package:flutter/cupertino.dart';
import 'package:flutter/rendering.dart';
import 'package:flutter/widgets.dart';
import 'package:flutter/material.
浏览 4提问于2020-03-23得票数 4
回答已采纳
1回答
如何让制造中心切入安卓工作室
、、、、
有一次我听说如果你不能在15分钟内做一件事寻求帮助...我已经试了2天了。
现在我需要你的帮助。
我想要在安卓工作室的AppBar底部的制造中心削减
这不适用于我的和这个
屏幕2中的代码
<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="h
浏览 21提问于2020-02-28得票数 0
3回答
当我试图在我的应用程序底部添加一个Slider时，整个BottomAppBar移动到中心，正文内容(“测试”)消失了，如屏幕截图所示：
如何在不破坏整个布局的情况下在两个图标旁边添加一个滑块？
这是我的密码：
runApp(
MaterialApp(
theme: ThemeData.dark(),
home: Scaffold(
body: Center(
child: Text("Test"),
),
bottomNavigationBar: BottomAppBar(
浏览 0提问于2019-11-03得票数 2
回答已采纳
1回答
现在，我正在用VS2015、C#和XAML制作Windows 8.1应用程序。想知道命令酒吧的事。
我只使用二级命令栏。所以，当Commandbar弹出时，我想压缩主键的空间。但我解决不了这个问题。
现在我的密码来了。
<Page.BottomAppBar>
<CommandBar ClosedDisplayMode="Minimal" Background="Tomato">
<CommandBar.SecondaryCommands>
<AppBarButton x:
浏览 3提问于2016-01-14得票数 2
回答已采纳
1回答
我想将按钮与屏幕的底部中心对齐。
我在脚手架中创建了一个buttomappbar，我想包含一个圆形按钮，但我不想使用默认的fab。我正在使用另一个圆形按钮，我试图使用align小部件将按钮与buttomcenter对齐，但它停留在中心。
class _MainActivityState extends State<MainActivity> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(),
backgroundColo
浏览 20提问于2019-07-18得票数 0
回答已采纳
一次
您可以通过在中指定floatingActionButtonLocation并使用BottomAppBar来停靠FloatingActionButton。
讨论的是：
“缺口”
现在
import 'package:flutter/material.dart';
main() => runApp(MaterialApp(
home: Scaffold(
bottomNavigationBar: BottomAppBar(
child: Container(
height: 300.0,
浏览 0提问于2018-07-09得票数 4
回答已采纳
3回答
我想将我的单一AppBarButton与CommandBar上的Page.BottomBar中的右对齐吗？
在设计中，它在右边显示app bar button，但是在模拟器中，按钮总是在中心？
有没有办法使AppBarButton在page bottom bar中对齐？
编辑：
<Page.BottomAppBar>
<CommandBar HorizontalAlignment="Right" HorizontalContentAlignment="Right">
<CommandBar.PrimaryCo
浏览 10提问于2014-08-26得票数 10
回答已采纳
我正在创建一个Android应用程序，每当我滚动活动片段中的BottomAppBar，而不改变BottomAppBar的布局时，我就想隐藏BottomAppBar(它有一个固定在中心的fab )。
按照一些在线指南，我创建了自己的类，它扩展了CoordinatorLayout.Behavior并覆盖了onStartNestedScroll & onNestedPreScroll，这样每当我滚动时，BottomAppBar就会隐藏起来。
<android.support.design.widget.CoordinatorLayout ...>
...
<
浏览 0提问于2019-04-05得票数 0
回答已采纳
我是flutter的新手，我已经用一个对接的FAB创建了一个很好的BottomAppBar，但是我也想使用这个AppBar进行页面导航。我用BottomNavigationBar试过了，但是我弄丢了停靠的浮动动作按钮。如何在底部应用栏实现导航？？
floatingActionButton: Container(
height: 65.0,
width: 65.0,
child: FittedBox(
child: FloatingActionButton(
onPressed: (){},
浏览 0提问于2019-02-11得票数 12
回答已采纳
我已经将bottomAppBar与我的Flutter应用程序集成在一起，并添加了FAB。但这并没有正确地向我展示。请检查附件中的图像： ?
浏览 6提问于2018-12-20得票数 1
我是新来的。我试图创建一个主屏幕，其中有浮动动作按钮(FAB)底部栏。该工厂停靠在底部应用程序栏的中心。同时，底部的应用程序条有4个底部导航项。目前，所有的项目并不是完全对齐彼此。搜索和通知图标离中心太近了。有什么办法可以让它更好、更完美地排列吗？请帮帮忙。谢谢
当前ui：
守则：
import 'package:flutter/material.dart';
class Dashboard extends StatefulWidget {
_DashboardState createState() => _DashboardState();
}
cla
浏览 2提问于2019-06-05得票数 5
回答已采纳
1回答
我是Flutter的新手，我正在尝试使用2个导航栏。我的TabBar也能正常工作，但我的BottomAppBar不能用于页面切换。是的，我想保留我的FAB BottomAppBar的设计，这就是为什么我不想使用BottomNavigationBar。 我已经读到了下面的答案:但是我的body已经被赋值了，所以我不能创建PageView。 我的代码： class MyApp extends StatelessWidget {
// This widget is the root of your application.
@override
Widget build(BuildCo
浏览 10提问于2019-04-12得票数 1
回答已采纳
我正在制作一个Android应用程序，它有一个活动和许多片段。该活动包含一个底部应用程序栏，该底部栏中有一个导航图标。如下所示： <com.google.android.material.bottomappbar.BottomAppBar
android:id="@+id/bottom_appbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layou
浏览 47提问于2019-01-27得票数 0
我想在中心模式下使用带FAB的BottomAppBar。我有4个项目要展示，想分成这样
这有可能吗？如果是这样:如何实现？
编辑:我在这里找到了解决方案：
浏览 0提问于2018-10-30得票数 4
我想创建圆角，圆形缺口矩形和材料阴影的BottomAppBar。问题是，当我通过使用ClipRRect小部件包装来向BottomAppBar添加圆角时，我会丢失材质阴影。
BottomAppBar没有圆角，但有材质阴影。请忽略错误的对齐凹槽。
BottomAppBar封装在ClipRRect小部件中，但没有阴影。再次请忽略错误对齐的凹槽：
如何实现带有缺口和材质阴影的圆角？
完整代码：
import 'package:flutter/material.dart';
void main() {
runApp(new MyApp());
}
class MyAp
浏览 26提问于2020-02-09得票数 7
回答已采纳
我想在jetpack compose中创建动画bottomAppBar (类似于图像)，但是在jetpack compose中Fab的位置只是中心或末端，我需要将FAB移动到左边，我的代码是：
@Composable
fun BottomBarSample() {
Scaffold(
floatingActionButton = {
FloatingActionButton(
shape = CircleShape,
onClick = {},
) {
浏览 19提问于2022-11-04得票数 4
回答已采纳
我正在使用android中的新材料底部应用程序栏。我已经成功地实现了它，但我不知道如何向工具栏添加自定义菜单项。每当我添加菜单项时，它们只显示为3个点，即使我提供了选项android:showAsAction="always“。 我想要像下面的截图那样的具体图标。 ? 但我得到的结果是这样的。 ? 这是布局代码。 <com.google.android.material.bottomappbar.BottomAppBar
android:id="@+id/bottom_app_bar"
style="@style/Widget.Mat
浏览 124提问于2018-07-18得票数 8
回答已采纳
因此，我按照教程创建了自己的底部应用程序栏。但是，在底部导航栏和屏幕底部之间有一个空白区域。我把这个空间涂成白色来表示它。我怎样才能使我的容器成为实际的导航栏并隐藏那个空间呢？
import 'package:flutter/material.dart';
class bottomAppBar extends StatelessWidget {
const bottomAppBar({
Key? key,
}) : super(key: key);
@override
Widget build(BuildContext context) {
浏览 0提问于2021-11-15得票数 0
我正在制作一个在Flutter中的音乐播放器应用程序，但我无论如何都找不到可以制作小部件或在通知托盘中显示并可以播放暂停音乐的东西。有没有可能在flutter中做到这一点?如果有，我该如何做到？提前谢谢。
浏览 3提问于2018-08-28得票数 6
1回答
我正在开发一个Flutter应用程序，它总是有一个只有两个选项卡的BottomAppBar可见。浏览这两个选项卡工作正常，但我想在点击appBar和其中一个选项卡上的磁贴时推送一个新屏幕。
我已经尝试过导航器了，但是当我按下一个新的屏幕时，BottomAppBar消失了
相关代码如下：
main.dart
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'DemoApp',
浏览 13提问于2019-11-09得票数 0
所以我把它弄好了，它很棒
然后，我尝试使用以下命令将父FAB设置在右侧：
binding.bottomAppBar.fabAlignmentMode = BottomAppBar.FAB_ALIGNMENT_MODE_END
它可以工作，但是现在父FAB动画从屏幕上消失了。
下面是正在发生的事情的更好的外观：
打开动画：
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:fillAfter="true">
<rotate
浏览 0提问于2021-01-04得票数 0
我已经在我的应用程序中实现了底部应用程序栏。我能够隐藏底部的应用程序栏，同时滚动，但当我导航到其他片段，它仍然是隐藏的？如何编程制作可见的底部应用程序条？
根据材料设计文档，我在底部应用程序栏中定义了以下属性。
app:hideOnScroll="true"
在片段中，我将滚动内容放在NestedScrollView中，如下所示：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/a
浏览 1提问于2018-10-15得票数 2
回答已采纳
2回答
是否有办法将命令栏按钮移动到50%的条形宽度？新的按钮总是贴在右边，我希望它们居中：
但是，将HorizontalAlignment属性更改为中心不会移动它。唯一起作用的似乎是使用利润率--但我不能使用它们，因为不同分辨率的位置会有所不同。
XAML代码如下所示：
<Page.BottomAppBar>
<CommandBar Background="#FFFF8B00" VerticalAlignment="Top" HorizontalAlignment="Left" Width="360" Hor
浏览 0提问于2016-03-25得票数 3
回答已采纳
所以，我试着制作一个BottomNavBar，并在它周围玩，但是当我在FloatingActionButton上使用图标属性时，它不注册，我也想重新定位底部Nav上的所有项目，以进行锻炼，但无法弄清楚。
bottomBar = {
BottomAppBar(backgroundColor = materialBlue700, cutoutShape = CircleShape) {
Text(text = "BottomAppBar")
Bu
浏览 15提问于2020-10-15得票数 1
回答已采纳
我试图实现新的BottomAppBar，它通常看起来像这样：作为一个BottomNavigationView，就像在Google应用程序中看起来像一样。
我的问题是，由于我只能用菜单资源填充BottomAppBar，所以我无法理解如何使我的按钮看起来像BottomNavigationView (但是使用Fab按钮的“剪切”)，而不是将所有内容对齐到BottomAppBar的一侧。
如何在这个新材料BottomAppBar中添加自定义布局？
或者，是否有任何方法来实现BottomNavigationView的“剪切”为Fab按钮(保持凉爽的默认动画，如新的BottomAppBar)？
浏览 0提问于2018-12-08得票数 19
回答已采纳
1回答
我有一个从Windows8.1商店应用程序迁移到UWP的应用程序。Windows 8上的原始函数允许一个底部滑动手势来打开Page.BottomAppBar。
在UWP (通用Windows平台)上，底部的滑动手势现在显示的是计算机任务栏，而不是App。
我明白，当我将BottomAppBar转换成CommandBar时，我需要重新发明swipe功能。但即使我这样做了，我仍然需要阻止任务栏的显示。
有没有人对如何防止Windows 10 UWP默认屏幕滑动有任何指导？
编辑
因此，我确实发现了关于堆栈溢出的另一个问题，这个问题有一个稍微类似的情况。见。我宁愿完全忽略任务栏的任何指示符
编辑2
浏览 2提问于2017-12-02得票数 1
回答已采纳
我想要一个在我的MaterialApp中定义的全局BottomAppBar。
我当前的MaterialApp：
return MaterialApp(
initialRoute: '/overview',
routes: {
'/overview': (context) => OverViewPage(),
'/summary': (context) => SummaryPage(),
'/record': (context) => RecordPage(""),
浏览 0提问于2019-11-22得票数 0
1回答
我正在制作一个UAP Windows 10应用程序。像微软的app News一样，我试图在桌面视图中将CommandBar放在页面的顶部，在移动视图中放在页面的底部。
我怎么能这样做呢？我想我有一个独立的<CommandBar xxx>，<Page.TopAppBar>和<Page.BottomAppBar>都是空的。根据视图的大小，我将CommandBar附加到TopAppBar或BottomAppBar...？
有想法吗？谢谢你。
浏览 5提问于2015-11-04得票数 1
1回答
我按照一个教程创建了我自己的底部应用栏。但是，在底部导航栏和屏幕底部之间有一个空白区域。我将这个空间涂成白色以显示它。我怎样才能使我的容器成为实际的导航栏并隐藏那个空间呢？这发生在应用程序中的所有屏幕上，无论它们是从脚手架、柱子还是容器等开始的。
import 'package:flutter/material.dart';
class bottomAppBar extends StatelessWidget {
const bottomAppBar({
Key? key,
}) : super(key: key);
@override
Widget
浏览 0提问于2021-11-17得票数 0
4回答
我想保留我的标题-以为中心的 &在1 ，任意屏幕大小的上，同时保持IconButton在极右上：
到目前为止，这是我所写的，但它并不适合不同的屏幕大小(标题没有保持为中心)：
请记住，title length可能会因state而略有变化。
完整代码:
Scaffold(
bottomNavigationBar: ClipRRect(
borderRadius: const BorderRadius.only(
topRight: Radius.circular(40),
topLeft:
浏览 17提问于2022-08-05得票数 0
回答已采纳
如何删除BottomNavigationView中的边框，如下所示。
我的布局: bottom_nav_activity.xml
<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
an
浏览 4提问于2020-12-11得票数 0
回答已采纳
1回答
在颤动中自定义底部条
、、、
我是第一次接触flutter。我想让底部的条看起来像第一张图片 Image1 ? 当点击中心的向上箭头时，它应该会展开并显示更多的图标(它看起来像第二张图片)。 图2 ? 再次单击箭头时，将隐藏展开的部分 图标仅供参考。 我可以制作像image1一样的底部栏，但不知道如何扩展它。 请帮帮忙
浏览 12提问于2020-01-08得票数 1
回答已采纳
2回答
我有带排图标的BottomAppBar。
BottomAppBar(
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceAround,
children: <Widget>[
IconButton(),
IconButton(),
IconButton(),
],
))
我想制作一个平滑的动画，这样当你点击一个图标时，它就会缩小，然
浏览 4提问于2019-10-25得票数 0
在Windows上，我可以在我的页面中声明App如下：
<Page.BottomAppBar>
<CommandBar>
..
</CommandBar>
</Page.BottomAppBar>
我的问题是，如何以编程方式使应用程序栏消失并重新出现？
谢谢。
浏览 2提问于2014-11-06得票数 0
回答已采纳
我想用webview_flutter构建一个简单的应用程序，它没有AppBar，有一个静态的URL，屏幕底部只有一个简单的floatingActionButton来导航到上一页，但是我不知道怎么做。
有人能给我一些指导，这样我就可以尝试让按钮做它应该做的事吗？
下面是这个带有按钮的应用程序的图片：
我不知道该尝试什么，但我正在努力学习。
这是我的全部代码：=)
import 'package:flutter/material.dart';
import 'package:webview_flutter/webview_flutter.dart';
im
浏览 1提问于2019-08-15得票数 3
回答已采纳
我对Android开发非常陌生。我想有4个菜单按钮加上一个浮动的行动按钮在我的底部导航。 这是我的Layout.xml <androidx.coordinatorlayout.widget.CoordinatorLayout
android:id="@+id/container_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
app
浏览 27提问于2021-03-21得票数 0
1回答
首先，谢谢你对这个问题的任何建议！
好的，在选择导航按钮后，我在更新UI时遇到了问题。当我单击其中一个导航按钮时，我可以看到setState正在被调用，索引和pdfView的路径都被更新为正确的文件。
以下是代码：
import 'dart:io';
import 'package:flutter/material.dart';
import 'package:pdf_viewer_plugin/pdf_viewer_plugin.dart';
class PDFPreview extends StatefulWidget{
PDFPre
浏览 3提问于2019-11-21得票数 1
回答已采纳
2回答
我正在尝试将底部导航栏后面的白色容器扩展到屏幕的最末端。不仅限于botton导航栏(如图所示)。 ? 任何帮助或想法都是非常感谢的，我对Flutter还是个新手。谢谢! 应用程序的结构是： bottomNavigationBar: BottomAppBar(
shape: CircularNotchedRectangle(),
notchMargin: 8.0,
child: Row(
mainAxisSize: MainAxisSize.max,
mainAxisAlignment: MainAxisAlignment.spaceEvenly
浏览 26提问于2019-12-27得票数 3
回答已采纳
1回答
我增加了底部导航与居中浮动动作按钮，但有小层后面的底部导航和浮动动作按钮。如何去除底部导航和浮动操作按钮之间的小层？
这是我的xml代码
<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.and
浏览 2提问于2021-04-21得票数 0
回答已采纳
2回答
在下面的应用程序中发现了SOF，同时滚动列表导致BottomAppBar隐藏FloatingActionButton和CircularNotchedRectangle的大小。
import 'package:flutter/material.dart';
import 'package:flutter/rendering.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildCon
浏览 0提问于2019-06-26得票数 3
回答已采纳
1回答
我正在尝试用flutter制作一个倒计时器，但问题是，我的计时器似乎没有更新，我无法理解可能是什么问题。dartPad link to run the code. 另外，我想知道如何反向运行计时器，即从0秒开始。
浏览 10提问于2020-08-03得票数 0
回答已采纳
1回答
用画布运动器拖动和缩放
、、、
我用动感of制作了一个拖拉的舞台，还通过缩放画布实现了变焦功能。
当使用变焦因子时，画布正在缩放到屏幕的中心。但是，在拖动画布并使用缩放功能之后，画布仍然缩放到开始时位于中心的位置，但现在被拖到一边。
我想要的是放大到新的点，是在屏幕的中心拖动后。
有人能解释一下如何处理这件事吗？
提前感谢！
浏览 2提问于2013-08-07得票数 0
回答已采纳
2回答
我正在使用C#和XAML开发一个带有VisualStudio2011Beta的地铁风格的应用程序。我想在页面底部显示一个AppBar。根据一些消息来源，我将不得不在AppBar标记中编写<Page.BottomAppBar>...</Page.BottomAppBar>控件标记。
但是，在这样做的同时，在XAML页面上生成了一个错误，它说：
BottomAppBar不为佩奇所认可。
请帮我处理这个。谢谢。
浏览 2提问于2012-03-20得票数 0
1回答
我已经使用这个示例代码来设计一个底部导航栏，它现在工作了，我想当我点击每个项目时，显示不同的dart文件，默认情况下显示第一页，但在此代码中，使用了任何页面的显示按钮，现在我想知道我如何做到这一点？
谢谢大家
代码如下：
import 'package:flutter/material.dart';
import 'package:flutter_localizations/flutter_localizations.dart';
import 'package:store/pages/category.dart';
import 'pa
浏览 11提问于2020-02-28得票数 1
回答已采纳
我希望最小化BottomAppBar的高度--这是我的xaml代码：
<Page.BottomAppBar >
<CommandBar Background="#393185"
Foreground="White" VerticalAlignment="Stretch" Style="{Binding Source={StaticResource Ellipsis}}" Height="40" MaxHeight="40" >
浏览 1提问于2016-02-22得票数 1
回答已采纳
我在运行我的颤振应用程序(在设备上)时遇到了这个错误。
NoSuchmethodError:带有不匹配参数的闭包调用:函数'_HomeViewState.onTap‘惯用者:闭包：(int) => dynamic函数'onTap'：。尝试调用：_HomeViewState.onTap()发现：_HomeViewState.onTap(int) =>动态
下面是login_view_model.dart文件，我认为这是一个错误：
import 'package:flutter/material.dart';
import 'pack
浏览 3提问于2021-07-02得票数 0
回答已采纳
我想在用户单击第四个(more_vert)图标时显示一个抽屉，但我无法实现它。在我目前的实现中，当点击第四个图标时，flutter会把我带到一个新的页面，并在那里显示抽屉，而不是在当前屏幕上。我做错了什么？还有，BottomNavigationBar和BottomAppBar之间的区别是什么，我在任何地方都找不到区别。我查阅了一些文章，我认为BottomAppBar是用来显示浮动在底部应用程序栏中的Fab的。这两者之间还有什么区别吗?什么时候应该使用一个而不是另一个。
class Home extends StatefulWidget {
@override
_HomeState cr
浏览 0提问于2020-02-23得票数 6
我想有一个半透明的浮动操作按钮，这是底部应用程序栏的一部分。我可以调整所有的颜色，除了下面的FAB本身。
我猜它属于底部应用程序栏，但我想不出如何更改它。你知道怎么做吗？它不适合我的配色方案，因为它是比其他黑色更深的黑色。也有一些简单的whity圆圈。如果可能的话，我也想把这个去掉。
这是他们的代码：
<com.google.android.material.bottomappbar.BottomAppBar
android:id="@+id/bottomAppBar"
android:layout_width="
浏览 6提问于2021-01-14得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
