为什么我的小部件没有占用bottomNavigationBar中的所有空间？
小部件没有占用bottomNavigationBar中的所有空间可能是因为以下几个原因：
- 布局问题：检查小部件的布局是否正确。确保小部件的宽度设置为match_parent或者占用所需的空间。
- 布局约束：如果使用了约束布局，确保小部件与bottomNavigationBar之间有正确的约束关系。例如，可以使用约束属性将小部件与bottomNavigationBar的底部对齐。
- 布局层次：检查小部件是否被其他布局元素覆盖。可能存在其他布局元素位于小部件上方，导致小部件无法占用全部空间。
- bottomNavigationBar设置：检查bottomNavigationBar的属性设置是否正确。确保bottomNavigationBar的高度设置为wrap_content或者match_parent，以便为小部件提供足够的空间。
- 系统限制：某些系统或框架可能对bottomNavigationBar的使用有限制，导致小部件无法完全占用空间。在这种情况下，可以考虑调整布局或使用其他方式实现所需效果。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云移动开发平台：https://cloud.tencent.com/product/mpp
- 腾讯云云原生应用引擎：https://cloud.tencent.com/product/nae
- 腾讯云音视频处理：https://cloud.tencent.com/product/mps
- 腾讯云人工智能：https://cloud.tencent.com/product/ai
- 腾讯云物联网平台：https://cloud.tencent.com/product/iotexplorer
- 腾讯云存储：https://cloud.tencent.com/product/cos
- 腾讯云区块链：https://cloud.tencent.com/product/baas
- 腾讯云元宇宙：https://cloud.tencent.com/product/vr
相关·内容
为什么下面的代码会产生这样的结果：？
但是，如果我将BottomNavigatorBar组件移到CountryListComponent之前的顶部，它会产生如下所需的结果：？
<template>
<Page actionBarHidden="true">
<DockLayout height="100%">
// first
<CountryListComponent dock="top">
// second
浏览 0提问于2019-10-23得票数 0
回答已采纳
您可以在 中查看此演示
伪码：
Column(
children: [
Row(children: [
fleWid(1),
expWid(1),
]),
Row(children: [
expWid(1),
expWid(1),
]),
Row(children:
浏览 3提问于2020-11-03得票数 1
回答已采纳
我使用一个从Qt示例中获取的类将状态灯插入到我的GUI中。这门课看上去像：
class LightWidget : public QWidget
{
Q_OBJECT
Q_PROPERTY(bool on READ isOn WRITE setOn)
public:
LightWidget(const QColor &color, QWidget *parent = nullptr)
: QWidget(parent), m_color(color), m_on(false) {}
bool isOn() const
{
浏览 2提问于2021-01-13得票数 1
我在bottomNavigationBar中有这段代码“
bottomNavigationBar: BottomAppBar(
child: IntrinsicHeight(
child: Row(
children: <Widget>[
IconButton(
icon: Icon(Icons.arrow_back_ios),
onPressed: () => Navigator.of(context).pop(
浏览 0提问于2019-08-02得票数 6
回答已采纳
我有一个简单的布局，包括列，容器和大小的盒子。以下是代码：
class MainPage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
floatingActionButton: FloatingActionButton(
onPressed: (){
showModalBottomSheet(
context: context,
builder: (
浏览 0提问于2021-10-08得票数 0
回答已采纳
我目前正在开发一个有多个页面的应用程序，使用底部导航栏，每个页面都需要向不同的API端点发送HTTP GET请求。 现在，我在每个页面的initState()中调用get函数。因此，每次我点击导航栏转到相应的页面时，它都会再次发送另一个HTTP GET请求。我该怎么处理呢？我应该从底部的导航页面发送GET请求吗？ 我尝试过使用PageStorageKey方法，但我认为问题在于我在每个页面的initState中调用了GET方法。 MyTab.dart bottomNavigationBar: Theme(
data: Theme.of(context).copyWith(
浏览 31提问于2019-01-02得票数 1
2回答
在使用PageView在3个屏幕之间导航的地方，我的代码工作得很好。这3个屏幕可以向右(和向后)滑动，还有一个BottomNavigationBar，它也工作得很好，并且连接到PageView中的项目。但是，BottomNavigationBar中的动画似乎无法工作，即使屏幕/页面确实得到了更新。知道为什么吗？没有显示错误。
class MyHomeScreen extends StatefulWidget {
@override
State<MyHomeScreen> createState() => _MyHomeScreenState();
浏览 5提问于2022-09-10得票数 0
回答已采纳
我试图构建一个简单的底部导航栏，下面是颤振文档，为什么这个错误会抛向ListView.builder呢？
List<RouteItem> items = [];
String _server = '';
late SharedPreferences _prefs;
int _selectedIndex = 0;
static const TextStyle optionStyle =
TextStyle(fontSize: 30, fontWeight: FontWeight.bold);
static const List&l
浏览 2提问于2022-09-16得票数 0
我正在尝试创建一个容器，其中包含应该自动换行的文本。这是通过在我的文本周围包装一个Expanded来实现的。但是，我希望容器占据尽可能小的宽度(与文本一样宽)。一旦我将Expanded添加到我的容器中，容器就会占据所有的空间。 如果没有Expanded，只要文本宽度小于可用宽度，宽度就是好的： ---------------------------
| Some text that won't wrap |
--------------------------- 使用Expanded，文本将换行，但容器不必要地宽。 -------------------------------
浏览 16提问于2020-08-25得票数 0
回答已采纳
我的主App.vue中有一个名为BottomNavigationBar的组件，它始终显示在屏幕上。除此之外，我有一个单独的Frame来加载CountryListComponent，它导航到该组件的不同部分。唯一的问题是，加载到单独Frame中的一些内容被隐藏在持久BottomNavigationBar后面。我假设我必须调整新Frame的高度以降低高度以适应BottomNavigationBar。我向Frame添加了一个调用adjustFrameHeight的@loaded事件，但不确定在其中运行什么来调整高度。做这件事最好的方法是什么？
<template>
<Pag
浏览 0提问于2019-10-26得票数 0
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(
'Flutter Demo'
),
),
body: Row(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignme
浏览 0提问于2019-01-07得票数 20
回答已采纳
1回答
我不再使用Visual Studio Ultimate 2010，我正在尝试使用MonoDevelop和GTK#。我正在尝试使用新的IDE，但它似乎与Visual Studio有很大的不同。我想开发全屏应用程序，这就是为什么我必须设置水平和垂直对齐。在Visual Studio中，我可以将HorizontalAlignment属性设置为Stretch，将VerticalAlignment设置为Top，但MonoDevelop和Gtk#没有此属性。如何在MonoDevelop中设置相同的对齐方式？
浏览 1提问于2012-05-29得票数 1
回答已采纳
2回答
我希望将我的ListView.seperated添加到列中，以便在加载更多项时，可以在此ListvView下面添加CircularProgressIndicator。我使用了来自的建议，使结构列->扩展了-> ListVie，但是我得到了错误，无法加载列表：
======== Exception caught by rendering library =====================================================
RenderBox was not laid out: RenderRepaintBoundary#e8fad NEEDS-L
浏览 0提问于2021-08-05得票数 0
回答已采纳
我已经创建了一个验证用户并导航到主屏幕。然后我想在登录后在应用程序中显示BottomNavigationBar，所以我在一个可调用的小部件中创建了BottomNavigationBar，这样我就可以在每个页面中调用它。我不想使用CurvedNavigationBar，并且尝试使用没有路由的BottomNavigationBar。我应该使用路线吗？
这是我的代码，它适用于main.dart，但如果我将它转换为另一个小部件，它将无法工作。我得到的项目是没有定义的，也不知道为什么。
// import 'package:flutter/gestures.dart';
import &
浏览 13提问于2022-10-11得票数 1
回答已采纳
Column(
children: [
Center(
child: TextFormWidget(
form: name,
hint: 'Name',
),
),
const SizedBox(
height: 15,
),
TextFormWidget(form: surname, hint: 'Surname'),
浏览 3提问于2022-08-01得票数 1
我在我的tkinter程序中使用.place()，所以我想删除对grid()的引用。到目前为止，我的程序工作，但出于某种原因，有一个.grid()行，使我的整个程序变成空白，如果它被删除。这种情况不应该发生，因为我完全在使用.place()。这句话是：
AllFrames.grid(row=0, column=0, sticky='nsew')
这是我的完整代码：
from tkinter import *
root = Tk()
root.title("Account Signup")
DarkBlue = "#2460A7"
Ligh
浏览 8提问于2022-11-26得票数 0
回答已采纳
2回答
我在链接上发现了一个类似的问题：rdlc-report-hidden-charts-creates-empty-pages，但它没有帮助。 当数据不存在时，我有两个部分需要隐藏。然而，在事故信息部分添加了一个新部分后，我得到了错误。我的页面大小是8.27英寸，11.69英寸。交互式尺寸为8英寸、11英寸。 在该部分，以前的高度是7.8英寸，现在增加到8英寸。减去页眉和页脚后，页面可用空间为8.4英寸。如果只考虑0.1英寸的边距，那么所有的边都有边距。ConsumeContainerWhitespace也是正确的。 对于这两个矩形不可见的一些数据，会生成一个空页。这不应该是这种情况，因为在对表
浏览 58提问于2021-08-10得票数 0
回答已采纳
我有一个你不明白的小例子:为什么我的ZStack的对齐没有应用于它的所有子类？TopView保持在顶部，但我希望，每个孩子都在右下角：
struct ContentView: View {
var body: some View {
ZStack(alignment: .bottomTrailing) {
VStack {
TopView()
Spacer()
}
Text("A new layer")
浏览 3提问于2020-03-02得票数 0
回答已采纳
1回答
我现在的屏幕结构是这样的： Scaffold(
body: Stack(
children: [
_buildOffstageNavigator(FeedScreen()),
_buildOffstageNavigator(Screen2()),
_buildOffstageNavigator(Screen3()),
],
),
bottomNavigationBar: buildBottomNavigationBar(),
浏览 10提问于2020-12-28得票数 0
回答已采纳
如何在Flutter中获取Scaffold的BottomNavigationBar的height？我知道有MediaQuery.of(context).size可以获取屏幕大小。对于BottomNavigationBar，是否有类似的方法
浏览 8提问于2018-12-02得票数 20
1回答
我有一个带有三个选项的选项卡/导航栏。然而，其中的图标并没有居中对齐。这些图标在其他设备上看起来是对齐的，但在iPhones上则不然。由于某种原因，它们似乎被推高了一点。 Widget _bottomNavigationBar(int selectedIndex) =>
Container(
height: 90,
decoration: BoxDecoration(
borderRadius: const BorderRadius.only(
浏览 91提问于2020-01-16得票数 1
回答已采纳
1回答
我有一个具有以下架构的脚手架，主体被底部导航覆盖。如果我注释导航的话，一切都很好。
Scaffold(
backgroundColor: Theme.of(context).backgroundColor,
appBar: AppAppBar(title: this.title),
body: Row(
children: [
Expanded(
child: Container(
child: Padding(
padding: Edge
浏览 11提问于2019-07-24得票数 1
回答已采纳
我对flutter真的是个新手。我需要在bottomnavigationBar上点击一下，这将打开一个新的页面。但是我应该在哪里使用onTap呢？在顶部(body)，我有另一个导航(Tabbarview)。为什么在BottomnavigationBar中没有"onTap“
bottomNavigationBar: SnakeNavigationBar(
style: SnakeBarStyle.floating,
backgroundColor: Color(0xffFFFFFF),
snakeColor: Color(0xf
浏览 0提问于2020-05-10得票数 1
我正在使用FutureBuilder，并在InitState中初始化_future，正如提到的。尽管如此，每次我用FutureBuilder切换页面时，BottomNavigationBar都会重新构建自己。
代码示例：
class _HomeViewState extends State<HomeView> {
late final Future<List<DocumentSnapshot<Object?>>> _futureSerieA;
@override
void initState() {
super.in
浏览 4提问于2022-07-22得票数 0
回答已采纳
2回答
我试图在我的文本上使用灵活，因为它是溢出的，但由于某种原因，扩展或没有灵活性不起作用。但是它可以在不同屏幕上的其他文本小部件上工作。有人知道为什么吗？我怎么才能解决这个问题？
return Row(
children: [
/// Ticket Details
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
/// Ticket Title
Flexible(
浏览 7提问于2022-08-04得票数 0
1回答
问题
我有一张卡片，里面有两个元素的一行，第二个是由两个文本组成的一列。其中一个文本可以是长的，因此列元素本身可以溢出。
来自CSS的“宽度: 100%”通常在这里就足够了。
我已经尝试过的
我了解到您可以使用类似扩展或灵活的内容来包装该列，但它会导致文本变得不可见(并且溢出仍然存在)。我不知道我到底要把灵活的/扩大的东西放在哪里。
我研究了类似的问题，总是有一个“扩展”，但我不能应用任何上述的解决方案，我的布局到目前为止。
问题
什么是最干净的方式，使概述的盒子只有在填充应该允许的宽度？
代码
@override
Widget build(BuildContext con
浏览 0提问于2022-05-21得票数 0
回答已采纳
为什么它告诉我我错误地使用了ParentDataWidget？我是否正确加载了我的json数据？我的目标是将我的json数据放入一个带搜索栏的ListView中。在加载我的数据时结构是否正确？当实现我的搜索栏时，它会工作吗？我尝试过使用FutureBuilder的其他实现，但都不起作用 尝试加载资产时出错:无法在"assets/assets/files/myfiles.json“处加载资产(404) class MainPage3 extends StatefulWidget {
@override
_HomePageState createState() => _Ho
浏览 7提问于2021-10-21得票数 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回答
我对有点陌生。我试图在Text左侧在0,0创建一个小部件，但它出现在中间，就像默认的pack()。
这是我的代码：
from Tkinter import *
# the ui of the main window
class Ui(object):
# the init of the client object
def __init__(self):
self.root = Tk()
self.mid_height = self.root.winfo_screenheight() / 2
self.mid_width = s
浏览 0提问于2018-03-16得票数 0
回答已采纳
1回答
我有一个存在于主QtGui.QGridLayout布局中的QtGui.QVBoxLayout小部件，它将项目扩展并居中放置(左侧)
我希望项目堆叠在小工具的顶部(右侧)
我如何才能做到这一点？我知道它与SizeHint有关，但我不确定如何使用它。
浏览 4提问于2013-05-29得票数 0
回答已采纳
1回答
我正在研究如何从api中获取数据。我想在数据加载过程中显示shimmer加载程序，但是它给了“另一个异常: RenderBox没有被部署: RenderFlex#c8a3f relayoutBoundary=up2 RenderBox was ”。请找到下面的代码供您参考和帮助解决。
提前感谢
class HomepageSectionView extends StatelessWidget {
const HomepageSectionView({Key? key}) : super(key: key);
@override
Widget build(BuildContext contex
浏览 1提问于2022-08-22得票数 0
回答已采纳
class _HomeState extends State<Home> {
int _currentIndex = 0;
final List<Widget> _children = [Profile(), ServiceRequestList()];
void _onTap(int index) {
setState(() {
_currentIndex = index;
});
}
@override
Widget build(BuildContext context) {
return Scaffol
浏览 1提问于2018-12-30得票数 2
回答已采纳
所以我对Kivy完全陌生。我挣扎了一段时间才得到一张以中心为中心的图像。按照我的理解，一切都是一个小部件，任何东西都可以嵌套在它下面(大部分情况下)。如果这不是真的，请纠正我。
我现在有我的形象，并想开始布局我的UI。不过，所有东西都在左下角对齐。
import kivy
kivy.require("1.7.2")
from kivy.config import Config
Config.set('graphics', 'width', '540')
Config.set('graphics', 'he
浏览 3提问于2013-12-13得票数 0
回答已采纳
当我嵌套两个SizedBoxes时，内部框的宽度和高度将被忽略。为什么，我怎么才能解决这个问题？
import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Center(
child: SizedBox(
width: 300,
height: 5
浏览 5提问于2022-08-30得票数 0
回答已采纳
有谁知道为什么打印的文本在命令提示符/终端中正确显示，但是Kivy的TextInput似乎扭曲了它，这是一个空格的问题。
Will show properly in Command Prompts/Terminals with print() like
###################
# This #
###################
But...
Will show like this in TextInput widget.
##################
# This #
##################
有没有办法
浏览 11提问于2021-06-06得票数 1
回答已采纳
我有以下问题：
我已经创建了一个应用程序，它应该在手机和平板电脑上运行(相同的应用程序)。现在，当我在一个小屏幕上时，我想使用硬的“设置按钮”来弹出菜单，但是当我在平板电脑上(没有设置按钮)时，我想显示一个操作栏吗？
我不想在小屏幕上显示操作栏，因为它占用空间
当活动开始时，我使用以下代码：
requestWindowFeature(Window.FEATURE_NO_TITLE);
getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
WindowManager.Lay
浏览 0提问于2013-04-15得票数 1
这个问题实际上很简单，所有的funcions .packs( fill=X )由于某种原因都不能工作，而另一方面，如果我使用.pack(fill=X，pady=10)，只有pady工作，fill=X就被忽略了。我希望有人能向我解释一下为什么会发生这种事。
from tkinter import *
import json
import time
#opens file where pinger saves information about websites
def openfile():
d={}
with open('test.json', 'r&#
浏览 3提问于2016-06-07得票数 0
回答已采纳
1回答
我正在尝试创建一个文件浏览器的应用程序，它的宽度是选项卡窗格的1/5。
为什么布局columnSpan从我设置的位置向后？
class MainWindow(QMainWindow):
def __init__(self):
super(MainWindow, self).__init__()
self.setWindowTitle("My App")
layout = QGridLayout()
layout.addWidget(FileTree(), 0, 0, 1, 1)
la
浏览 10提问于2022-03-30得票数 0
回答已采纳
1回答
Column( // w=375; 0 <= w<= 375
children: [
Slider(value: 0.33, onChanged: (v) {}), // w=375; 0 <= w<= 375
Row( // w=375; 0 <= w<= 375
// mainAxisSize: MainAxisSize.max, // noth
浏览 3提问于2021-05-27得票数 0
回答已采纳
我正在用Scaffold创建一个应用程序，它包含：
：在加载数据时创建一个PageView作为其子级的FutureBuilder。A BottomNavigationBar，它与PageView同步以获得更直观的导航。
从功能上讲，一切都很好。我可以在页面之间左右滑动，currentIndex在BottomNavigationBar中得到正确的更新，如果我点击BottomNavigationBar元素，PageView就会像预期的那样动画到正确的页面。
然而..。即使在配置文件模式下，在页面之间切换时性能确实很差的。
经过大量的调查，我已经确认只有当我更新了currentIndex Botto
浏览 8提问于2020-08-19得票数 6
回答已采纳
我有三个屏幕- home，friends和profile。我希望AppBar和BottomNavigationBar总是出现在我所有的屏幕上。现在，我在AppBar文件中的Scaffold中定义了Scaffold和main.dart。每当在BottomNavigationBar上点击某个选项时，Scaffold主体将被替换为所选屏幕的内容。
main.dart:
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(),
body: SafeArea(
浏览 3提问于2019-10-22得票数 1
我把下面的表盘放在屏幕中央。我调用了三个不同的部分来构建这个刻度盘。然而，它似乎卡在我的屏幕中心，我想把它移到顶部的中心部分。我尝试过更改对齐方式，但似乎不起作用。
这是我的代码：
这是我正在使用的依赖项：
import 'package:flutter_neumorphic/flutter_neumorphic.dart';
Widget build(BuildContext context) {
return Stack(
children: <Widget>[
浏览 2提问于2020-06-12得票数 0
1回答
我的自定义按钮没有在屏幕的底部中心对齐，现在我的自定义按钮在容器的底部居中。这只是下面代码的一部分。有什么想法，我可以修复，使我的自定义按钮出现在屏幕的底部中心？
class _MainMenuState extends State<MainMenu> {
@override
Widget build(BuildContext context) {
final width = MediaQuery.of(context).size.width;
return Scaffold(
appBar: AppBar(
ti
浏览 5提问于2020-09-25得票数 0
3回答
我们知道，默认情况下，列水平地以为中心，如果它有完整的width.But，当我在一列中放置两张卡片和一行时，两张卡片是通过颤振水平中心放置的，而行在它的起始位置仍然是相同的？为什么？
我认为行应该是水平中心的，因为在我的例子中它是列的子列，但它不是。
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Flutter App'),
),
body: Container(
color: Col
浏览 1提问于2020-08-17得票数 2
回答已采纳
3回答
Tkinter滚动条
、、、
如果我在scrollbar.pack()之前调用text_area.pack() (即切换它们)，滚动条不会显示。为什么会这样呢？如果我要创建一个更大的程序，我绝对没有机会找出问题所在。
from tkinter import *
import tkinter.filedialog
root = Tk()
root.geometry("200x100")
frame = Frame(root,width=150, height=90)
frame.pack()
scrollbar = Scrollbar(frame)
text_area = Text(frame, wid
浏览 0提问于2017-11-13得票数 1
我只需要我的BottomNavigationBarItem中的标签，但我找不到一个方法来移除它们。
您可以将showSelectedLabels和showUnselectedLabels设置为false的标签隐藏起来，但是没有等效的图标。
构造者：
BottomNavigationBar({
Key key,
@required this.items,
this.onTap,
this.currentIndex = 0,
this.elevation = 8.0,
BottomNavigationBarType type,
Color f
浏览 23提问于2020-02-05得票数 6
回答已采纳
2回答
我有一个错误，上面写着: RenderBox没有布局: RenderDecoratedBox#dbfd0 relayoutBoundary=up12 RenderBox PAINT-COMPOSITING-UPDATE。‘’package:src/src/rendering/box.dart‘：失败的断言:第2001行pos 12：'hasSize’
我怎样才能纠正这个错误。我看过其他问题，但没有找到解决办法。
body: SafeArea(
child: SingleChildScrollView(
physics: const Bounc
浏览 4提问于2022-11-28得票数 0
1回答
我试图使用这个代码MediaQuery.of(context).padding.top来获取颤动中的状态栏高度，但它返回了0.0，我使用的是三星A7。有人能帮我一下吗？ @override
Widget build(BuildContext context) {
final double statusBarHeight = MediaQuery.of(context).padding.top;
print("statusBarHeight");
print(statusBarHeight);
pr = new ProgressDialo
浏览 32提问于2020-09-26得票数 0
我在试着创造一个圆形的图像。不幸的是，容器的宽度没有得到认可，我不知道为什么。我遗漏了什么？
Drawer _getDrawer(List<Job> data) {
return Drawer(
// Add a ListView to the drawer. This ensures the user can scroll
// through the options in the Drawer if there isn't enough vertical
// space to fit everything.
child:
浏览 1提问于2019-01-17得票数 26
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
