颤动--使用BottomNavigationBar导航
颤动是一种通过使用BottomNavigationBar导航来实现的交互效果。BottomNavigationBar是一种常见的用户界面组件，通常用于在移动应用程序中提供导航功能。它通常位于屏幕底部，并显示一组图标或文本标签，用户可以通过点击其中一个来切换不同的页面或功能。
优势：
- 提供直观的导航：BottomNavigationBar位于屏幕底部，用户可以轻松访问导航选项，无需额外的手势操作。
- 节省屏幕空间：由于BottomNavigationBar通常只占据屏幕底部的一小部分空间，因此可以更好地利用屏幕空间，使应用程序界面更简洁。
- 提高用户体验：通过使用BottomNavigationBar导航，用户可以快速切换不同的页面或功能，提高了应用程序的可用性和用户体验。
应用场景：
- 多页面应用程序：当应用程序具有多个页面或功能时，可以使用BottomNavigationBar导航来帮助用户快速切换不同的页面。
- 应用程序底部导航：许多应用程序在底部使用BottomNavigationBar导航，例如社交媒体应用程序、新闻应用程序等。
推荐的腾讯云相关产品： 腾讯云提供了一系列与移动应用程序开发和云计算相关的产品和服务，以下是一些推荐的产品：
- 腾讯云移动应用分析（https://cloud.tencent.com/product/uma）：用于分析和监控移动应用程序的用户行为和性能。
- 腾讯云移动推送（https://cloud.tencent.com/product/tpns）：用于向移动应用程序的用户发送推送通知。
- 腾讯云移动测试（https://cloud.tencent.com/product/mst）：用于进行移动应用程序的自动化测试和性能测试。
- 腾讯云移动直播（https://cloud.tencent.com/product/mlvb）：用于实现移动应用程序的实时音视频直播功能。
请注意，以上推荐的产品仅供参考，具体选择应根据实际需求进行。
相关·内容
1回答
列表中的动态底部导航栏颤动
、、、、
如何制作一个底部导航栏，下面的导航栏项目从列表中获取数据？ 来自flutter documentation的底部导航栏示例 bottomNavigationBar: BottomNavigationBar(
items: const <BottomNavigationBarItem>[
BottomNavigationBarItem(
icon: Icon(Icons.home),
label: 'Home',
),
BottomNavigationBarItem(
ico
浏览 22提问于2021-06-17得票数 0
2回答
在我的主页上，我有一个底部导航和2个菜单。 我有源库bottomNavigationBar: BottomNavigationBar 在原始库中没有属性onDoubleTap 有没有什么技术可以用它来实现。 下面是我现在要做的 List<Widget> _widgetOptions;
int _selectedIndex = 0;
@override
void initState() {
super.initState();
_widgetOptions = <Widget>[
HomeScreen(),
SettingScreen();
];
}
void
浏览 25提问于2019-12-26得票数 1
回答已采纳
1回答
我已经构造了一个底部导航栏和它的svg图标项目。目前，我已经放置了相同颜色的图标作为实验目的。我有这样的结果
我试图实现的是，未选中的图标必须变成灰色图标，因为目前我已经在导航栏中选择了主页图标。我也有这些灰色图标
另外，不知何故，所选图标从导航栏中提升，我如何解决它？我是一个非常新的flutter和代码片段的帮助将是有帮助的。感谢你阅读这篇文章。:)
这是我的导航栏代码：`
int _currentIndex = 0;
@override
Widget build(BuildContext context) {
return Scaffold(
浏览 14提问于2020-07-31得票数 0
2回答
我在ClipRRect里面有一个底部导航栏(给圆角)。它有圆角，但没有透明的角。我分享图片是为了展示这个问题。我怎么做透明的圆角？
代码：
bottomNavigationBar: ClipRRect(
borderRadius: BorderRadius.only(
topLeft: Radius.circular(30.0),
topRight: Radius.circular(30.0),
),
child: BottomNavigationBar(
currentIndex: _
浏览 21提问于2021-05-12得票数 1
回答已采纳
1回答
我原本有一个汉堡吧，可以打开一个抽屉在页面之间导航，我想把它改成底部的导航栏，但我有点挣扎。下面是底部导航栏的代码： class MyStatefulWidget extends StatefulWidget {
MyStatefulWidget({Key key}) : super(key: key);
@override
_MyStatefulWidgetState createState() => _MyStatefulWidgetState();
}
/// This is the private State class that goes with MySta
浏览 9提问于2021-01-19得票数 0
回答已采纳
1回答
class HomePage extends StatefulWidget {
@override
_HomePageState createState() => _HomePageState();
}
class _HomePageState extends State<HomePage> {
int _selectedIndex = 0;
List<Widget>firstFlowpagesList=List();
final bottomNavigationColor=const Color(0xFF364195);
@ov
浏览 11提问于2018-12-28得票数 0
1回答
我有一个有三个页面的应用程序，用户可以使用底部导航栏导航。尽管如此，我还是希望在用户返回时重新构建三个页面中的一个(因此:删除当前状态并从头开始重新呈现它)。 我要导航的代码如下。 三页选项： static List<Widget> _widgetOptions = <Widget>[
PostFeed(),
Profile(),
HabitList(),
]; 在页面选项之间切换(稍后在底部导航中)： void _onItemTapped(int index) {
setState(() {
_selectedInd
浏览 13提问于2020-04-07得票数 0
2回答
对于在Flutter中实现嵌套导航，有人有什么建议吗？ 我想要的是保留一个持久的BottomNavigationBar，即使重定向到新屏幕也是如此。与YouTube类似，即使您深入浏览菜单，底部栏也始终在那里。 我无法从文档中找出答案。 到目前为止，我所能找到的唯一深入了解我的需求的教程是https://medium.com/coding-with-flutter/flutter-case-study-multiple-navigators-with-bottomnavigationbar-90eb6caa6dbf (source code)。然而，这非常令人困惑。 现在我正在使用 Navi
浏览 33提问于2019-04-17得票数 15
嗨，我正在尝试建立一个应用程序在扑动。我想在我的屏幕上有底部导航栏。我正在尝试如下所示，但它不显示底部导航栏。 当我有下面的代码时，它会正确地显示文本!!.有人知道这是什么原因吗？image after Run class _TabsScreenState extends State<TabsScreen> {
void _selectScreen(int index) {
setState(() {
_selectedScreenIndex = index;
});
}
int _selectedScreenIndex
浏览 24提问于2021-10-06得票数 0
如上图所示，iPhone 11的底部导航栏有底部阴影，有没有办法消除阴影？
floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
bottomNavigationBar: BottomAppBar(
clipBehavior: Clip.antiAliasWithSaveLayer,
shape: CircularNotchedRectangle(),
child: Theme(
data: Theme.of(buildContext
浏览 0提问于2020-07-27得票数 3
1回答
我在flutter中使用底部导航选项卡栏，如果我们点击选项卡，它会导航到我正在使用的另一个屏幕.here上，也会将当前索引分配给索引，但当我点击图标时，它会用底部导航选项卡在屏幕上导航，我想在单击选项卡时隐藏选项卡。
int _currentIndex = 0;
最终列表_screens =[
new HomeTab(),
new Loginpage(),
new HomeTab(),
new CartTab(),
new HomeTab(),
]；
return Scaffold(
body:
_screens[_currentIndex],
bottomNavigati
浏览 13提问于2019-07-15得票数 1
回答已采纳
1回答
单击底部导航栏时关闭颤动抽屉
、、、、
我有底部导航栏和抽屉。我希望当用户单击任何按钮导航图标时，抽屉自动关闭。我真的不知道该怎么做。
当用户点击抽屉时，我可以立即关闭抽屉，如下所示
void _onSelectItem(int index) {
setState(() => _currentSelected= index);
Navigator.of(context).pop(); // close the drawer
}
但抽屉一直卡在那里，直到我滑回去。我也希望抽屉关闭时，任何时候用户点击底部导航栏。
void onTappedBar(int index){
index == 3
浏览 5提问于2020-04-16得票数 1
我是flutter的新手，我已经用一个对接的FAB创建了一个很好的BottomAppBar，但是我也想使用这个AppBar进行页面导航。我用BottomNavigationBar试过了，但是我弄丢了停靠的浮动动作按钮。如何在底部应用栏实现导航？？
floatingActionButton: Container(
height: 65.0,
width: 65.0,
child: FittedBox(
child: FloatingActionButton(
onPressed: (){},
浏览 0提问于2019-02-11得票数 12
回答已采纳
1回答
我有CustomScrollView和BottomNavigationBar的材料应用程序，在CustomScrollView中我有SliverAppBar和一个页面的Widget (比如page1，page2等)它代表BottomNavigationBar's当前索引，在每个页面Widget上都有包含一些内容的SliverList 我曾尝试将键和ScrollControllers放入CustomScrollView中，但当在页面之间导航时，滚动位置是初始的，它不能像我预期的那样工作。 class WrapperPage extends StatefulWidget {
@ove
浏览 23提问于2019-01-24得票数 4
1回答
例如，我想在flutter中隐藏某些页面的导航栏。
如何将其移除？因为在这个页面中没有关于bottomNavigationBar的内容。
这是我的代码：
int _selectedIndex = 0;
final PageController _pageController = PageController();
GlobalKey<CurvedNavigationBarState> _bottomNavigationKey = GlobalKey();
Scaffold(
body: PageView(
controller: _pageContr
浏览 1提问于2021-11-25得票数 0
1回答
颤动:多个材质构件
、、、
这是一个初学者的问题，但我已经纠结了很长一段时间，到处寻找也找不到答案。 我正在使用Flutter框架，我正在尝试运行多个无状态窗口小部件，一个底部导航栏和一个顶部appbar用于保存菜单和其他导航按钮。我正在努力让它们同时运行，但我找不到一种方法来同时运行它们。目前，当我调用home:MyBottomNavigationBar时，只出现这个，而不出现另一个(有意义)，但是什么命令或解决方案可以帮助我运行多个小部件？我已经尝试了很多不同的方法来使用home，但似乎都不起作用。我的代码非常简单。只需在main.dart中使用stf创建一个导航栏和应用程序栏。 如果需要，我可以附加代码，但希望我
浏览 14提问于2021-01-22得票数 0
回答已采纳
我目前有一个应用程序，它包含一个底部选项卡导航，我希望用户能够导航任何页面被点击。我目前正在处理的搜索页面中，用户可以进入并单击搜索字段，它会将他们带到一个抽屉，在那里他们可以通过showSearch()方法输入他们的搜索输入，该方法被传递到我的TextField小部件上的onTap回调中。 除了可以选择单击文本字段本身之外，我还希望当用户单击位于底部选项卡导航上的搜索图标时，默认显示此showSearch()抽屉。问题是BottomNavigationBarItem小部件不接受任何回调函数作为参数。 接下来，我计划重新配置我的BottomNavigationBar，以接受接受回调函数的Ic
浏览 12提问于2020-01-17得票数 0
1回答
我有一个应用程序，它使用BottomNavigationBar在两个屏幕之间切换，并使用它们自己的导航栈。我想使用Hero标签来创建两者之间的自定义转换，但由于我不使用导航，而是将状态更改为在屏幕之间切换，我根本不确定这是否可能。 有没有办法在不使用Navigator的情况下重新创建Hero提供的过渡？
浏览 11提问于2020-06-21得票数 2
我正在创建一个Flutter应用程序，它使用BottomNavigationBar在页面之间切换。在其中一个页面中，我有一个Webview (我使用的是Flutter开发团队开发的 )，当我导航到另一个选项卡并返回时，我无法保持webview的状态。我也不知道有没有办法。
我尝试过使用PageStorageBucket和AutomaticKeepAliveClientMixin，但都无济于事。我注意到，在使用PageStorageBucket时，简单ListView的状态被保存在选项卡之间，但它似乎不适用于Webview。
下面是一个最小的、可重现的例子：
class _MyHomePageS
浏览 11提问于2019-07-24得票数 3
回答已采纳
我正在尝试做一个简单的聊天应用程序，所以我创建了一个脚手架和我的身体，将是消息和我的bottomNavigationBar将是我的打字区和发送图标。
我添加了一个文本字段，但在键入时，导航栏被键盘隐藏。
这是我的BottomNavigationBar的代码：
bottomNavigationBar: new Container(
height: ScreenSize.height/12,
/*color: Colors.red,*/
child: new Row(
mainAxisAlignment: Mai
浏览 0提问于2018-11-19得票数 23
12回答
我在我的应用程序的最上层有一个BottomNavigationBar。我想要检测应用程序/子树中基本上任何位置的键盘打开/关闭，这样只要键盘可见，我就可以显示/隐藏BottomNavigationBar。
这是一个一般性问题，可能与BottomNavigationBar没有直接关系。换句话说，从BottomNavigationBar中抽象出来:-)
浏览 0提问于2018-02-12得票数 63
我有一个带有IndexedStack的BottomNavigationBar，并且我正在尝试在每个导航选项卡中实现嵌套导航。例如，"search“选项卡有自己的Navigator封装在WillPopScope中，如下所示： WillPopScope(
onWillPop: () async {
BottomNavigationBar navigationBar = navigationKey.currentWidget;
if (Navigator.canPop(navigatorContext)) {
Navigator.pop(navigatorC
浏览 30提问于2021-04-23得票数 0
回答已采纳
假设你有一个带有4个图标的BottomNavigationBar，它可以导航到4个屏幕。当我这样做的时候：
A>B>D>B
我希望正常的行为会弹出到第一个B，这使得我的堆栈只剩下A> B。使用popUntil()我可以做到这一点。但是，当使用popUntil()并且堆栈中不存在B时，它将弹出整个堆栈。相反，如果B不存在，我想使用pushNamed()。既然我不能访问堆栈历史记录，我该怎么做呢？
@GrahamD你是对的，我编辑了它。
浏览 0提问于2020-09-22得票数 0
1回答
我要从底部导航中删除此白色。我该怎么做呢？
这是我的底部导航条形码：
class MyNavigation extends StatefulWidget {
@override
_MyNavigationState createState() => _MyNavigationState();
}
class _MyNavigationState extends State<MyNavigation> {
int _currentIndex = 0;
List<Widget> children = <Widget>[
浏览 0提问于2020-12-11得票数 0
根据这个github问题，我正在尝试在flutter中实现一个自定义的scaffold：https://github.com/flutter/flutter/issues/19606 import 'package:flutter/material.dart';
class MyCustomScaffold extends Scaffold {
static GlobalKey<ScaffoldState> _keyScaffold = GlobalKey();
MyCustomScaffold({
AppBar appBar,
Wid
浏览 13提问于2018-12-28得票数 3
回答已采纳
我正在创建一个本地化的应用程序与底部导航栏在主页上。如果我更改本地化，BottomNavigationBar的项目名称不会更新，直到单击其中一个项目。如何更新底部栏？我错过了什么？ 代码： @override
Widget build(BuildContext context) {
return BottomNavigationBar(
onTap: onTabTapped,
type: BottomNavigationBarType.fixed,
// new
currentIndex: _currentIndex,
selectedFontSize: 12,
u
浏览 29提问于2020-05-02得票数 0
回答已采纳
我目前正在构建一个Flutter应用程序，它将在使用时从一个屏幕导航到另一个屏幕并返回时保留状态。就像它在Spotify移动应用程序中的工作方式一样；如果您在某个主屏幕上导航到导航层次结构中的某个级别，则通过底部导航栏更改屏幕，然后切换回旧屏幕，将保留用户在该层次结构中的位置，包括保留状态。
我的头撞到了墙上，尝试了各种不同的东西，都没有成功。
我想知道如何防止在用户点击BottomNavigationBar项时切换的pageChooser()中的页面重新构建自己，而是保留他们已经发现自己的状态(页面都是有状态的小部件)。
import 'package:flutter/materia
浏览 3提问于2018-03-23得票数 85
我试图实现一个自定义的底部导航栏。我使用页面视图在页面之间导航。现在，底部导航栏并不是绝对位于页面视图之上，而是切断了页面视图的一部分。有人能帮我吗？
下面是相关的代码：
Scaffold buildHomePage() {
return Scaffold(
body: PageView(
children: <Widget>[
PopularScreen(),
DiscoverScreen(),
ActivityScreen(),
ProfileScr
浏览 24提问于2020-08-04得票数 0
回答已采纳
1回答
我有一个动画容器，它在滚动时隐藏(类似于Pinterest)。我有两个页面都有列表视图。当我滚动我的列表视图时，底部导航栏隐藏，但我可以找到与底部导航栏高度相同的填充。它不会移动。我甚至尝试过使用extendBody: true，但它不起作用。我甚至在两个ListView中都添加了extendBody: true，但它不起作用。有人能帮上忙吗？
class Home extends StatefulWidget {
@override
_HomeState createState() => _HomeState();
}
class _HomeState extends Sta
浏览 0提问于2021-02-14得票数 0
我已经创建了一个带有flutter的自定义底部导航栏。但我仍然可以看到白色填充了弧形角落后面的背景。我想看看背景内容。 这是底部导航栏的样子。 ? 如你所见，边角用白色填充。 这是我为底部导航栏编写的代码。 bottomNavigationBar: Container(
decoration: BoxDecoration(
color: Colors.transparent,
backgroundBlendMode: BlendMode.clear,
borderRadius: BorderRadius.only(
浏览 14提问于2021-05-07得票数 1
回答已采纳
我对flutter是个新手，我正在做一个桌面应用程序，我想做一个“类似于设置”的应用程序，带有“返回”和“下一步”按钮。但我找不到如何使用BottomNavBarSection和BottomNavigationBarItem转到上一页和下一页。我现在拥有的是NavBar上的两个项目(后退，下一步)，我有一个检查索引的开关，根据它，它会执行一个Navigator.push(context, MaterialPageRoute(builder: (context) => FirstPage())，FirstPage会根据页面的不同而变化，但我不能按下特定于后退或前进的按钮。 完整的Bott
浏览 11提问于2021-11-15得票数 0
bottomNavigationBar: new BottomNavigationBar(items: [
new BottomNavigationBarItem(icon: new Icon(Icons.account_balance))]), 当我运行时，我得到这个错误 ?
浏览 11提问于2019-10-12得票数 0
1回答
读取面板中的数据向上滑动面板颤动
、、、、
我在我的主类中使用了SlidingUpPanel。在主类中，我有一个底部的工作表，然后单击底部的工作表图标，load page。现在，当我必须使用SlidingUpPanel时，我在主体中加载页面时遇到了问题。有人能帮我解决如何在SlidingUpPanel主体中加载底部导航页面的问题吗？ Widget build(BuildContext context) {
var pageWidth = MediaQuery.of(context).size.width;
return Scaffold(
body: SlidingUpPanel(
con
浏览 23提问于2021-10-16得票数 0
回答已采纳
如何在不丢失每个页面状态的情况下使用Navigator push方法更改BottomNavigationBar页面？
额外的细节:当我们想要使用Navigator.of方法访问窗口小部件层次结构上最近的Navigator时，这在嵌套导航中很有用。因此，我们可以从选项卡内容内部更改选项卡。这种情况也是此问题中解释的场景的一部分。
浏览 3提问于2020-12-14得票数 0
1回答
当我使用black87 (第一张图片)或black54这样的颜色时，我在导航栏看到一条奇怪的线条，其他颜色不会出现这种情况。此外，当我将它设置为透明时，它看起来与真正的黑色版本相同(图4)。 示例： ? ? ? ? ? 我更改颜色的代码的一部分： bottomNavigationBar: BottomNavigationBar(
backgroundColor: Colors.black87,
items: const <BottomNavigationBarItem>[
BottomNavigatio
浏览 16提问于2021-04-03得票数 1
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
回答已采纳
2回答
导航栏颤动
、、
我正在尝试有一个导航栏，可以导航到3个页面(主页，个人资料和收藏夹)。我在网上关注了一门课程，不知何故，它没有列出通常其他人浏览的文件(例如: list _pages = Home()，Profile())。
我试图创建一个包含所有上下文的列表，但是我在“widget”上得到了一个错误，说它不能在初始化器中被访问。
由于代码连接到Firebase，删除“user widget.user”将丢失当前用户的所有数据，例如他们最喜欢的食物。
有没有办法更改Home.dart中的正文，使其可以导航到多个页面，因为下面的代码只适用于2个页面(ItemList和ProfileScreen)导航。
浏览 2提问于2020-11-28得票数 1
1回答
社区早上好，我有以下带有底部导航标签的界面的颤动代码，我有两个问题，一是应用程序如何不在用户每次单击时都导航到两个状态；另一个问题是我如何才能在不丢失应用程序每个屏幕上的底部导航标签的情况下进入详细页面
我陷入这个问题已经好几天了，不知道如何处理颤动详细信息页面的导航主题
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:app/helpers/static-tabs.dart';
import '
浏览 9提问于2019-11-12得票数 0
1回答
在导航器颤动中传递参数
、、、
在更新到新版本的flutter (空安全)后，我的应用程序遇到了一个问题。 我按照下面代码中的描述设置了路由器和导航器，当我运行应用程序时，路由器返回错误："type Null is not a subtipe of type ScreenArgs in type cast“ 这可能是由于没有初始化ScreenArgs类的任何实例造成的，但我找不出错误所在。 布局： final _navigatorKey = GlobalKey<NavigatorState>();
...
return Scaffold(
backgroundColor: Colors.whit
浏览 23提问于2021-11-08得票数 0
我正在尝试Flutter，并且我正在尝试改变Flutter的颜色。BottomNavigationBar但我所能做的就是改变BottomNavigationItem(图标和文本)。 这里是我声明我的BottomNavigationBar class _BottomNavigationState extends State{
@override
Widget build(BuildContext context) {
return new Scaffold(
appBar: null,
body: pages(),
bottomNaviga
浏览 131提问于2018-03-16得票数 77
回答已采纳
我有下面的颤动底部导航 ? 条形 我想为活动项目添加一个顶线或边界，如下所示 ? 有没有可能，我的代码是直接的。 @override
Widget build(BuildContext context) {
return Scaffold(
body: _tabs[_tabIndex],
bottomNavigationBar: BottomNavigationBar(
backgroundColor: Colors.white,
selectedLabelStyle: TextStyle(fontSize: 14)
浏览 12提问于2021-01-18得票数 0
我想禁用选中项目的底部导航栏动画，以获得与未选中项目相同的文本/图标大小。
这是我的代码：
class BottomNavigationBarHome extends StatelessWidget {
@override
Widget build(BuildContext context) {
return BottomNavigationBar(
unselectedItemColor: Colors.black38,
backgroundColor: Colors.white,
items: [
Bot
浏览 1提问于2020-06-13得票数 4
1回答
颤动中的顶层转换
、、
我想创建一个布局，其中我有一个用于在五个顶级视图之间导航的BottomNavigationBar。
我想要有一个像在顶层对等转换的材料设计指南中找到的转换。
首先淡出当前视图，然后淡入选定的视图。问题是，在补间动画中，颤动似乎没有超过两个步骤，这意味着我不能将不透明度从1.0更改为0.0，然后再更改为1.0 (如CSS @keyframe)。
有谁知道我怎样才能做到这一点？我应该使用其他东西而不是Tween吗？
我尝试使用多个补间动画，并在动画中间更改Opacity小部件的opacity值，但这样做甚至不会产生动画效果。
浏览 0提问于2018-12-23得票数 0
1回答
我正在将产品添加到购物车中，并在底部导航栏中显示总金额，如果购物车是空的，我想在同一页中显示另一个屏幕，即
如果购物车不是空的，我想展示
body: _getitemCon.get_cart_item == null
?
Center(
child:_canShowButton?emptycart(): SizedBox(),
)
: new ListView(),
bottomNavigationBar: Container()
这就是我尝试在同一页中显示屏幕的
浏览 18提问于2019-10-31得票数 2
我想从其他页面导航到flutter中页面底部的第二个项目。
这里的父对象是BottomNavigationBar，我希望配置它来更改页面(我在Provider中为它定义了一个键，以便从其他页面访问它)。
List<Widget> pages = new List<Widget>();
BottomNavigationBar bottomNavigationBar;
updateList(){
pages.addAll({
Dashboard(),
AllServices(),
Account(),
浏览 9提问于2020-03-12得票数 2
1回答
Flutter和Dart我都是新手，所以请耐心听我说。我正在尝试使用Flutter来显示使用的相机预览，但有两个问题。1)预览被拉伸，所以看起来很奇怪。2)我想在预览下面显示一个BottomNavigationBar，但是相机预览占用了所有的屏幕空间。
我初始化相机并打开预览：
@override
Widget build(BuildContext context) {
if (!_isReady) return new Container();
if (!controller.value.initialized) return new Container();
return
浏览 1提问于2018-04-09得票数 10
回答已采纳
1回答
你好，我正在用Flutter开发移动应用程序。我有一些关于BottomNavigator的问题 在下面的代码中，我创建了简单的底部导航器视图进行测试。 为了保持每个屏幕的状态，我添加了AutomaticKeepAliveClientMixin。 我的问题是…… 每当我移动到其他屏幕时，每个屏幕都会重新构建。我使用这种方法来保持每个屏幕的状态，并避免再次构建它。正如您在screen Widget中所看到的，我编写了print来检查是否重新构建了它。 因此，每当我移动到其他屏幕时，它都会被重新构建。 我怎么能理解这个呢？它保持了状态，但每当我调用屏幕时，它就会再次构建…… 请告诉我原因，还有其他
浏览 10提问于2021-08-13得票数 0
1回答
? 这就是问题的图片，这是底部导航栏上的默认填充吗？如果是，我如何删除它？ 正如您在下面的代码中看到的，我在BottomNavigationBarItem中有一个容器和一个图标，但在图标和栏之间有一个空格。 return Scaffold(
bottomNavigationBar: BottomNavigationBar(
backgroundColor: Color.fromARGB(255, 18, 124, 157),
items: <BottomNavigationBarItem>[
BottomNa
浏览 0提问于2020-07-01得票数 6
1回答
我有一个自定义导航栏的问题。我无法更改正文中的页面。我放了4个不同的文本进行测试。稍后，我想拥有带有不同页面的自组织元数据覆盖图部件。_buildItem在不同的小部件中，但在同一个页面中。 class InicioPage extends StatefulWidget {
final int selectedIndex = 0;
@override
State<StatefulWidget> createState() {
return InicioPageState(selectedIndex);
}
}
class InicioPageState ex
浏览 12提问于2019-03-13得票数 0
回答已采纳
我在底部导航栏上工作，但我没有得到完美的背压到以前的路线。
如果我从底部的导航栏视图项目中选择两个以上的导航按钮，那么当我按下后退按钮时，它将关闭应用程序。
return Scaffold(
body: (_getBody(index, model)),
bottomNavigationBar: BottomNavigationBar(
backgroundColor: Colors.white,
selectedItemColor: Color(0xFFf5851f),
unselectedItemColor: Colors.grey
浏览 0提问于2020-07-17得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
