1回答
我有一个带有三个选项的选项卡/导航栏。然而，其中的图标并没有居中对齐。这些图标在其他设备上看起来是对齐的，但在iPhones上则不然。由于某种原因，它们似乎被推高了一点。 Widget _bottomNavigationBar(int selectedIndex) =>
Container(
height: 90,
decoration: BoxDecoration(
borderRadius: const BorderRadius.only(
浏览 91提问于2020-01-16得票数 1
回答已采纳
我的颤音应用程序里有个底部导航条。如何使图标与中间对齐。目前，它似乎是顶级的。
Widget _bottomNavigationBar(int selectedIndex) {
return BottomNavigationBar(
backgroundColor: Palette.YELLOW,
onTap: (int index) {
setState(() {
userModel.selectedIndex = index;
});
},
currentIndex: userMod
浏览 0提问于2019-08-31得票数 2
回答已采纳
我正在创建一个本地化的应用程序与底部导航栏在主页上。如果我更改本地化，BottomNavigationBar的项目名称不会更新，直到单击其中一个项目。如何更新底部栏？我错过了什么？ 代码： @override
Widget build(BuildContext context) {
return BottomNavigationBar(
onTap: onTabTapped,
type: BottomNavigationBarType.fixed,
// new
currentIndex: _currentIndex,
selectedFontSize: 12,
u
浏览 29提问于2020-05-02得票数 0
回答已采纳
因此，我正在创建一个5 BottomNavigationBarItem(s)的屏幕，该屏幕在理想情况下将持续存在，而AppBar将根据设计进行更改。这是我的密码：
class ExploreState extends State<ExploreScreen> {
int _selectedIndexForBottomNavigationBar = 0;
void _onItemTappedForBottomNavigationBar(int index) {
setState(() {
_selectedIndexForBottomNavigation
浏览 1提问于2021-09-21得票数 2
回答已采纳
因为脚手架底部的导航条没有响应，App刚刚输入了一个while循环1:看来我所做的循环进度是2:这个星期我应该给这个应用程序3: am新的颤音
所以我想问大家，也许有人能向我解释为什么我会犯这个错误，这意味着什么，以及如何消除它。
这个问题有什么答案吗？
import 'package:MeeM/pages/notification.dart';
import 'package:MeeM/pages/user.dart';
import 'package:flutter/material.dart';
import 'package:Me
浏览 6提问于2021-09-19得票数 2
回答已采纳
拥有'TextInputArea‘小部件，并且希望这个小部件始终保持在屏幕上(屏幕的上部)，
屏幕的较低部分需要根据BottomNavigationBar进行更改(它有三页XX、YY、ZZ)。
但是'TextInputArea‘并没有被加载到屏幕上。
试过这样的方法
Widget build(BuildContext context) {
returnScaffold(
appBar: AppBarWidget(),
body: TextInputArea(),
bottomNavigationBar:
浏览 11提问于2022-11-27得票数 0
1回答
我的屏幕底部有一个容器，它有一个BottomNavigationBar。我想要容器得到我的背景颜色。即使在添加了CLipRRect之后，它也没有得到纠正。我也试图使容器透明，但它显示了一个错误，我无法为我的容器指定一个颜色，并给它一个盒子装饰，我希望多余的白色部分合并到我的背景。
//编辑
如何从背景中去除阴影？
Widget _bottomNavigationBar(int selectedIndex) => ClipRect(
child: Container(
height: 80,
decoration: BoxDecoration(
浏览 3提问于2020-01-03得票数 5
回答已采纳
1回答
我正在编写这个UI代码
这是我的密码
Scaffold(
drawer: const Drawer(),
body: Container(
decoration: const BoxDecoration(
color: backgroundColor,
borderRadius: BorderRadius.only(
bottomLeft: Radius.circular(30),
bottomRight: Radius.circul
浏览 2提问于2022-10-04得票数 0
回答已采纳
1回答
我想在这个包装在容器中的标签栏后面添加一个微妙的阴影。我试图添加它，但它没有明显地显示出来。 ? 我必须以这种方式编辑它，因为我必须裁剪条的边缘以使其变圆。 Widget _bottomNavigationBar(int selectedIndex) => ClipRRect(
borderRadius: BorderRadius.only(
topLeft: Radius.circular(52.0), topRight: Radius.circular(52.0)),
child: Container(
height: 90,
浏览 17提问于2020-01-05得票数 0
回答已采纳
1回答
class _NavigationBarState extends State<NavigationBar> {
int _currentIndex = 0;
final List<Widget> tabs = [
CustomerAccountPage(),
HomePage(),
AppInforamtionPage(),
CategoriesPage(),
];
@override
Widget build(BuildContext context) {
return MaterialApp(
浏览 0提问于2020-08-12得票数 1
1回答
颤振底部导航栏项未对齐
、、、
在我的报纸应用程序中，最左边的导航栏项目总是显示在比其他项目更高的位置，它是不对齐的。
您可以看到bookmark图标与其他图标不对齐。事实上，如果我把任何其他图标放在第一个位置，这个图标就会出现在一个更高的位置。问题是，无论我在那里添加了什么图标，第一项都是问题。
BottomNavigationBar的代码
import 'package:flutter/material.dart';
import 'package:news_app/main.dart';
BottomNavigationBar getBottomNavBar(themePro
浏览 1提问于2022-01-23得票数 0
回答已采纳
我已经创建了一个验证用户并导航到主屏幕。然后我想在登录后在应用程序中显示BottomNavigationBar，所以我在一个可调用的小部件中创建了BottomNavigationBar，这样我就可以在每个页面中调用它。我不想使用CurvedNavigationBar，并且尝试使用没有路由的BottomNavigationBar。我应该使用路线吗？
这是我的代码，它适用于main.dart，但如果我将它转换为另一个小部件，它将无法工作。我得到的项目是没有定义的，也不知道为什么。
// import 'package:flutter/gestures.dart';
import &
浏览 13提问于2022-10-11得票数 1
回答已采纳
4回答
我正在尝试构建一个flutter应用程序，其中我想使用底部导航栏。但在底部导航项目中，项目的长度更长，文本不会换行。我想把文本换到下一行。 以下是正在发生的情况的图像： ? 代码如下： class HomeScreen extends StatefulWidget {
@override
_HomeScreenState createState() => _HomeScreenState(imageurl, name, email);
}
class _HomeScreenState extends State<HomeScreen> {
@override
浏览 77提问于2021-02-26得票数 0
回答已采纳
我正在尝试在选定的BottomNavigationBarItem上显示一个栏，如下所示。这正是我需要的。
BottomNavigationBar(
type: BottomNavigationBarType.fixed,
currentIndex: currentIndex,
fixedColor: Colors.blue[800],
onTap: (value) {
},
items: [
B
浏览 6提问于2020-05-18得票数 0
我试图制作一个简单的应用程序，它显示SvgPicture.assets()，用户可以使用颜色选择器改变SvgPicture()的颜色。
我有两个小部件：
用于显示称为Svg.dartmain.dart的SvgPicture()的包含BottomNavigationView，其中一个选项卡打开颜色选择器，Svg.dart
我在setState(() {})中遇到了一些错误，但我设法修复了这个错误，但它并没有改变颜色，当我尝试更改main.dart的背景色时，它工作得很好。
这是我的代码：
用于onItemTap()的BottomNavigationBar方法
_onItemTap(int索引){
浏览 4提问于2021-04-03得票数 1
回答已采纳
1回答
如何修复颤振中的底部导航？
使用不包含不工作的导航的上下文调用MediaQuery.Bottom MediaQuery.Of()。
这段代码显示错误，不包含MediaQuery.Of()的上下文调用了什么？
import 'package:flutter/material.dart';
void main(){
runApp(Home());
}
class Home extends StatefulWidget{
@override
State<StatefulWidget> createState() => _HomeState();
浏览 1提问于2020-03-20得票数 0
我正在使用BottomNavigationBar，当单击导航栏中的任何图标时。我想把它转到下一个屏幕。这就是为什么我在这里使用命名路线。
main.dart代码
import 'package:flutter/material.dart';
import 'Screens/profilePage1/profilePage1.dart';
void main() => runApp(MyStatefulWidget());
class MyStatefulWidget extends StatefulWidget {
@override
_M
浏览 3提问于2020-08-24得票数 9
回答已采纳
如何让BottomNavigationBarItem加载CachedNetworkImageProvider ? BottomNavigationBarItem(
icon: Icon(
CachedNetworkImageProvider(ub.imageUrl)
),
title: Text('Profile'),
), 出现错误：‘无法将参数类型CachedNetworkImageProvider分配给IconData的参数类型’
浏览 23提问于2020-04-16得票数 1
我想做一个里面有文字和图标的按钮，有自定义的背景颜色和自定义宽度。具有固定位置(不可滚动)。你愿意帮我吗？
代码如下：
bottomNavigationBar: BottomNavigationBar(
type: BottomNavigationBarType.shifting,
currentIndex: 0, // this will be set when a new tab is tapped
items: [
BottomNavigationBarItem(icon: Icon(Icons.supervised_
浏览 15提问于2019-04-10得票数 3
回答已采纳
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
回答已采纳
2回答
我正在创建一个应用程序，它有底部导航bar.In，它有5个项目名称，即配置文件，aboutus，home，通知和购物车。每个项目名称都有自己的页面。现在的问题是，我在主页中添加了一个按钮，如果我单击该按钮，它会转到新页面，但它不会显示底部导航bar.How，我会显示新页面中的底部导航栏和所选的当前索引。下面是飞镖代码
Mainpage.dart
class MainPage extends StatefulWidget {
@override
_MainPageState createState() => _MainPageState();
}
class _MainPag
浏览 1提问于2020-05-01得票数 1
回答已采纳
我目前正在构建一个Flutter应用程序，它将在使用时从一个屏幕导航到另一个屏幕并返回时保留状态。就像它在Spotify移动应用程序中的工作方式一样；如果您在某个主屏幕上导航到导航层次结构中的某个级别，则通过底部导航栏更改屏幕，然后切换回旧屏幕，将保留用户在该层次结构中的位置，包括保留状态。
我的头撞到了墙上，尝试了各种不同的东西，都没有成功。
我想知道如何防止在用户点击BottomNavigationBar项时切换的pageChooser()中的页面重新构建自己，而是保留他们已经发现自己的状态(页面都是有状态的小部件)。
import 'package:flutter/materia
浏览 3提问于2018-03-23得票数 85
1回答
我刚开始学习颤音，大部分教程都向你展示了如何在屏幕上对文本进行居中.但如果你想让它偏离中心呢？举个例子，中间的位置有点高。我该怎么做？(提前谢谢！)
编辑：，到目前为止，我一直在想，是否有其他方法可以实现同样的目标？
body: Center(
child: Container(
width: 200.0,
height: 100.0,
child: Text(
'Text Here',
textAlign: TextAlign.center,
浏览 6提问于2020-08-21得票数 0
我正在用一个BottomNavigationBar制作一个简单的Flutter应用程序，我的BottomNavigationBarItem中的标签超过了我点击它时产生的墨迹效果。由于某些原因，它似乎只覆盖了图标，而不是标签。 ? 如何更改此行为以适应标签？我也喜欢有一个更多的矩形形状的墨水反应。 编辑： 我的导航栏代码 bottomNavigationBar: BottomNavigationBar(
type: BottomNavigationBarType.fixed,
selectedItemColor: Colors.blue[900],
unsele
浏览 3提问于2019-12-08得票数 2
回答已采纳
我发现，在those.For中默认的安全区域的一些iphones中，底部的导航条项没有正确地对齐，例如:在这张图片中，项目是，没有正确地对齐。我怎样才能正确地对齐这些项目？
但是在这里，项目是正确地对齐的。
。
我的代码是：
Scaffold(
body: _children[watch(tabviewProvider).currentBottomNavIndex],
bottomNavigationBar: Container(
height: watch(tabviewProvider).isBottomTab
浏览 3提问于2021-09-01得票数 1
如何通过以下flutter example将bar chart添加到底部导航栏中的业务按钮？我是否需要在lib文件夹下创建两个不同的dart文件，或者只需将图表添加到main.dart文件中？ 已尝试 BottomNavigationBar(
items: const <BottomNavigationBarItem>[
BottomNavigationBarItem(
icon: Icon(Icons.home),
label: 'Home',
),
浏览 13提问于2020-10-09得票数 0
回答已采纳
2回答
在使用PageView在3个屏幕之间导航的地方，我的代码工作得很好。这3个屏幕可以向右(和向后)滑动，还有一个BottomNavigationBar，它也工作得很好，并且连接到PageView中的项目。但是，BottomNavigationBar中的动画似乎无法工作，即使屏幕/页面确实得到了更新。知道为什么吗？没有显示错误。
class MyHomeScreen extends StatefulWidget {
@override
State<MyHomeScreen> createState() => _MyHomeScreenState();
浏览 5提问于2022-09-10得票数 0
回答已采纳
1回答
单独的底部导航栏小部件
、、、
我是新来的。我分离我的底部导航栏文件并在我的屏幕文件中调用它。基本上，我想做一些背景颜色，如容器在选定的图标。这是我的代码和设计，我希望它是这样的。
BottomNavigationBar bottom_navbar_home(
){
return BottomNavigationBar(
type: BottomNavigationBarType.fixed,
selectedItemColor: Colors.black,
items: [
BottomNavigation
浏览 4提问于2022-04-12得票数 0
我希望基于参数从提供程序获取数据，并将数据填充到每个BottomNavigationBarItem中。
在这个屏幕上，我得到了"meetingId“参数，并在提供者上使用它来用数据填充模型类。
class MeetingDetailScreen extends StatefulWidget {
final meetingId;
const MeetingDetailScreen({Key? key, this.meetingId}) : super(key: key);
static const routeName = '/meeting-detail';
浏览 3提问于2022-02-24得票数 -2
我想:当用户点击抽屉菜单项时，更改位于主屏幕上的页面查看索引。
我试图从另一个文件中更改索引，但我做不到
抽屉菜单代码
InkWell(
onTap: () {
debugPrint("Tapped");
HomeApp().openMyGloves();
},
)
openMyGloves()
class HomeApp extends StatefulWidget {
const HomeApp({Key? key}) : super(key: key);
@o
浏览 6提问于2022-05-18得票数 0
回答已采纳
3回答
我想删除所有堆叠的路由并返回到身份验证页面。我的主页是这样的。
class _HomeScreenState extends State<HomeScreen> {
final List<StatelessWidget> pages = [
new Page1(),
new Page2(),
new Page3(),
new Page3(),
];
@override
Widget build(BuildContext context) {
浏览 1提问于2018-09-14得票数 3
BottomNavigationBar(
selectedIconTheme: IconThemeData(size: 30),
unselectedIconTheme: IconThemeData(size: 24),
items: [
BottomNavigationBarItem(
icon: Image.asset(
index == 0
? "assets/homeScreenImages/appointment_acti
浏览 1提问于2021-08-25得票数 1
回答已采纳
我有下面的代码，这些代码是以前编写的，必须更新。我将title更改为label以更新代码，但出现了一个新错误：
return BottomNavigationBar(
onTap: (int index) => _homeScreenBloc.updatePageIndex(index),
backgroundColor: Colors.white,
type: BottomNavigationBarType.fixed,
selectedFontSize: 12.0,
unselectedFon
浏览 10提问于2022-05-16得票数 0
回答已采纳
我正在寻找打开一个页面时，我点击了图标，这是在BottomNavigationBarItem中的扑动。
我试着用索引，但我不能理解是我把我所有的图标放在一个列表中，然后如何获得它。
class CustomAppBar extends StatelessWidget {
final List<BottomNavigationBarItem> bottomBarItems = [];
final bottomNavigationBarItemStyle = TextStyle(fontStyle:
FontStyle.normal, color: Colors.b
浏览 0提问于2018-12-20得票数 2
在我的flutter应用程序中，我有一个底部导航栏。我想将LinearGradient添加到所选项目。 我设法使用BottomNavigationBarItem的activeIcon属性为图标添加了渐变。 然而，我不知道如何添加相同的渐变到项目的标签。由于BottomNavigationBarItem.title已被弃用，而BottomNavigationBarItem.label只允许我添加字符串，所以我不能直接向标签添加渐变。 我曾尝试修改BottomNavigationBar的selectedLabelStyle，但没有成功。 这是我的BottomNavigationBar的屏幕截图。
浏览 35提问于2021-10-23得票数 1
回答已采纳
我把我的bottomnavigationbar藏在卷轴上。隐藏工作与预期一样，但导航栏认为这是一个问题，并显示了呈现溢出警告消息。我该怎么解决呢？
我正在使用scopedModel来听滚动版上的boolean。mainModel是我的scopedModel课程。
mainModel.getShowAppBar只是我在scopedModel类中设置的一个boolean。
显示问题的应用程序的当前行为：
这是我的代码实现：
List <BottomNavigationBarItem> _showIconsOrNot(){
var iconList = [
浏览 0提问于2019-06-26得票数 0
2回答
我有一个Flutter应用程序，它使用BottomNavigationBar。我创建了一个名为CustomBottomNavBar的类，用于描述我的BottomNavigationBar。在那里，我有一个名为currentIndex的整型字段，它是导航栏上当前所选图标的索引。我想从我的main.dart类中获得这个值，以显示一个名为list<Widget>的标签的索引元素，它包含相关的标签。 CustomNavigationBar类： class CustomBottomNavBar extends StatefulWidget {
@override
浏览 18提问于2020-07-23得票数 1
回答已采纳
我使用的是^0.12.1版本的包feature_discovery。为了显示功能发现覆盖图，我需要用DescribedFeatureOverlay包装BottomNavigationBarItem。但是，BottomNavigationBar的项需要一个BottomNavigationBarItem类型的列表： Scaffold(
[...]
bottomNavigationBar: BottomAppBar(
[...]
child: BottomNavigationBar(
[...]
ite
浏览 15提问于2020-11-20得票数 0
回答已采纳
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
回答已采纳
我需要将所选BottomNavigationBarItem的颜色更改为黄色，但它不起作用。
这似乎是因为我将BottomNavigationBarItem默认颜色设置为黑色，但否则它们将被设置为白色，因为我创建了多个项目，而且我也不知道修复它们是否热。
如果您知道如何修复此错误或白色错误，请通知我。
body: Center(
child: _widgetopt.elementAt(_selind),
),
bottomNavigationBar: BottomNavigationBar(
浏览 6提问于2022-10-05得票数 0
我想使用自定义Widget (not Icon/ImageIcon)作为底部导航条图标，但如何使它们遵循iconSize
BottomNavigationBar(
iconSize: 24, // Currently ignored...
items: _menu(theme),
...
)
List<BottomNavigationBarItem> _menu(ThemeData theme) => _items
.map((i) => BottomNavigationBarItem(
icon: CustomWidget(), //
浏览 2提问于2020-06-01得票数 1
我正在学习颤振，从一个简单的2选项卡开始，底部导航栏应用程序(特别是基于库比蒂诺的)。在解释基本面方面做得不错，但我遗漏了一些东西。
视频中提供的示例表明，当您点击一个BottomNavigationBarItem时，您实际上并不导航到一个新屏幕，您只需在现有屏幕上重新呈现这些小部件。只有在Navigator在页面容器中构造按钮小部件之后，视频才会调用它。
BottomNavigationBarItem在CupertinoTabBar中是否应该调用Navigator？还是我完全误解了CupertinoTabBar的用例？
下面是我的示例代码：
import 'package:flutt
浏览 3提问于2020-04-30得票数 1
回答已采纳
我使用的是底部导航栏，它根据当前索引显示类，我使用三元条件检查女巫类，使用以下代码在第一个索引上显示：
class Home extends StatefulWidget {
static String homeindex = "main";
@override
_HomeState createState() => _HomeState();
}
final greencol = HexColor("#2f7e7b");
class _HomeState extend
浏览 6提问于2021-12-16得票数 0
我需要向其中一个BottomNavigationBarItem添加一个图像小部件或文本小部件，如下面的图像所示。
但是似乎所有的图标占位符都有相同的宽度，我不知道如何使中间的“图标”(Book )更宽。
我试图实现一个持久化的Scaffold bottomNavigationBar，并且从我读过的所有文章中，几乎都使用了BottomNavigationBar和BottomNavigationBar。
相反，我得到了这个：
我的代码是：
Scaffold(
backgroundColor: Colors.white,
bottomNaviga
浏览 2提问于2021-07-30得票数 0
我试图创建一个音乐播放器，我盯着导航栏的代码和其他一些自定义。但是当我运行这个应用程序时，它说
"TabBar小部件需要一个材料小部件祖先，要引入一个材料小部件，可以直接包含一个小部件，也可以使用包含材料本身的小部件，例如卡片、对话框、抽屉或Scaffold。无法找到物质祖先的特定小部件是:TabBar。“
我是新手，所以我知道的不多，请帮帮忙。
import 'package:envymusic/views/home.dart';
import 'package:envymusic/views/library.dart';
import 'pa
浏览 3提问于2022-08-17得票数 0
我对flutter真的是个新手。我需要在bottomnavigationBar上点击一下，这将打开一个新的页面。但是我应该在哪里使用onTap呢？在顶部(body)，我有另一个导航(Tabbarview)。为什么在BottomnavigationBar中没有"onTap“
bottomNavigationBar: SnakeNavigationBar(
style: SnakeBarStyle.floating,
backgroundColor: Color(0xffFFFFFF),
snakeColor: Color(0xf
浏览 0提问于2020-05-10得票数 1
我有这个：
我想这么做：
我发现我有两种方法可以做到：
在底部将我的圆圈小部件切成一些像素
隐藏bottomnavigationbar后面的圆形小部件(首选)
嗯，我不知道如何用这两种方式实现代码。
我的代码：
return Scaffold(
floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
floatingActionButton: FittedBox(
fit: BoxFit.scaleDown,
child: Contain
浏览 5提问于2021-12-29得票数 0
2回答
我正在尝试实现一个抽屉和底部导航栏。下面的类NavigationHomeScreen是我的主屏幕，当用户单击抽屉中的菜单项时，Changeindex函数更新screenView，我想知道如何使用onTabTapped方法从BottomNavigationBarApp中类似地更新screenView。
class NavigationHomeScreen extends StatefulWidget {
@override
_NavigationHomeScreenState createState() => _NavigationHomeScreenState();
}
cla
浏览 5提问于2020-05-22得票数 1
回答已采纳
2回答
目前，我正在开发我的第一个简单的颤振应用程序，并试图找到我们处理屏幕间导航的最佳方法。
已经成为可能：
使用BottomNavigationBar + BottomNavigationBarItem在屏幕上导航
用Navigator.push(context,MaterialPageRoute(builder: (context) => Screen4()),);导航
问题：
在BottomNavigationBar的屏幕中有子屏幕
代码示例：
我想让Screen1()、Screen2()和Screen3()从BottomNavigationBar中访问三个主
浏览 1提问于2019-11-10得票数 0
我正在使用SafeArea显示底部导航栏： SafeArea(
child: ScaffoldMessenger(
child: Scaffold(
body: _tabs[index],
bottomNavigationBar: BottomNavigationBar(
selectedItemColor: Theme.of(context).primaryColor,
unselectedItemColor: Colors.grey,
showUns
浏览 13提问于2021-05-02得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
