Flutter、Android和IOS底部导航栏大小不同
Flutter、Android和iOS底部导航栏大小不同的原因是因为它们在设计上有所差异。
在Flutter中，底部导航栏的大小是由开发者自定义的，可以根据需求设置不同的高度。开发者可以使用Flutter提供的组件来创建底部导航栏，例如BottomNavigationBar。这个组件允许开发者自定义导航栏的高度、颜色、图标和文本等属性，以适应不同的设计风格和用户体验。
而在Android中，底部导航栏的大小是由系统决定的，通常是固定的高度。Android的底部导航栏是系统提供的导航栏，用于在应用程序中切换不同的界面或功能。开发者可以通过使用Android的底部导航栏组件来创建导航栏，例如BottomNavigationView。这个组件会自动根据系统的设计规范来设置导航栏的大小和样式。
而在iOS中，底部导航栏的大小也是由系统决定的，通常是固定的高度。iOS的底部导航栏是系统提供的标准导航栏，用于在应用程序中切换不同的界面或功能。开发者可以使用iOS的UITabBarController来创建底部导航栏，这个组件会自动根据系统的设计规范来设置导航栏的大小和样式。
总结起来，Flutter允许开发者自定义底部导航栏的大小，而Android和iOS的底部导航栏大小是由系统决定的。开发者在设计应用程序时需要考虑到不同平台的设计规范和用户体验，以确保应用程序在不同设备上都能够正常显示和使用。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎 TKE：https://cloud.tencent.com/product/tke
- 云存储 COS：https://cloud.tencent.com/product/cos
- 人工智能平台 AI Lab：https://cloud.tencent.com/product/ai
- 物联网平台 IoT Explorer：https://cloud.tencent.com/product/iotexplorer
- 移动开发平台 MDP：https://cloud.tencent.com/product/mdp
- 区块链服务 BaaS：https://cloud.tencent.com/product/baas
- 腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe
相关·内容
由于ios中的底部导航栏高度导致溢出错误，该布局在所有Android设备上都工作得很好。 这似乎是因为额外的空间，因为它的格式是通过从底部拉出来关闭应用程序，这是由IOS操作系统控制的。我因为IOS而强行增加了底部导航栏的高度，这非常令人恼火，但现在Android的设计很糟糕。有人知道怎么解决这个问题吗？
浏览 99提问于2021-08-02得票数 1
我使用SystemChrome.setEnabledSystemUIOverlays([SystemUiOverlay.top]);只显示顶部的系统覆盖(通常你会看到时间和通知)，并禁用设备的底部导航(在安卓系统中为3个按钮，在IOS中为滑块)。问题是，当我试图按下Flutter应用程序的底部导航栏时，它会自动激活系统的底部导航栏，挡住应用程序的底部导航栏
浏览 18提问于2019-10-10得票数 2
回答已采纳
因此，正如我的问题所暗示的，当我使用appBar时，我的Android的颜色会从其默认的白色奥利奥色变为黑色[✓] <em
浏览 0提问于2018-08-20得票数 1
回答已采纳
问题是:随着输入扩展超过3或4行，而不是输入容器的顶部向上扩展，输入容器按照应该的内容大小进行扩展，但是容器被重新定位在键盘/键盘单词建议后面，这将重新定位左侧的按钮(输入容器的一部分)以及<TextInput下面的图片显示了我希望填充物在底部。“下容器”包含按钮和输入字段。非灰色是键盘提示(iOS)的顶部。下图显示了不想要的行为。您可以看到输入的底部边框，以及按钮开始消失在建议框/键盘后面。如果输入继续扩展，底部边框和按钮将逐渐变
浏览 4提问于2020-05-05得票数 1
回答已采纳
是否有正确使用状态栏和导航条的方法？我有一个用于IOS和Android的cordova应用程序，我知道IOS会根据ios版本公开env(safe-area-inset-top)/const(safe-area-inset-top)，但我在安卓系统中找不到类似的东西我想坐在我的应用程序的顶部就在状态栏下面，而不是状态栏之上放置应用程序。我知道我可以做填充，但是我需要知道状态栏的高度。我还想调
浏览 5提问于2021-09-15得票数 0
7回答
我在flutter和Android方面都很新，但是是否有可能以编程的方式隐藏底部导航栏(见下面所指的项目)？
浏览 4提问于2018-09-17得票数 22
回答已采纳
1回答
以下代码用于设置导航栏的bkg图像，在iOS6上运行良好，但在iOS7上出现奇怪的结果。UINavigationBar appearance] setBackgroundImage:navBackgroundImage forBarMetrics:UIBarMetricsDefault];
更新大小调整为64x64px
浏览 1提问于2014-03-23得票数 0
我在phonegap中有一个应用程序，可以在ios和android平台上运行。在我的应用程序中，主导航菜单位于底部，如下所示：但我的问题是，当键盘打开时，我的导航菜单隐藏在导航栏后面，直到我必须关闭并恢复应用程序时才会关闭。
我尝试了谷歌的不同解决方案，但似乎都不起作用，每次键盘打开我的导航菜单隐藏在导航栏后面。
浏览 17提问于2016-07-20得票数 3
1回答
要点是，我正在寻找技巧，如何实现底部栏与按钮，以导航通过视图。 </ContentPage.Content>我也尝试让它成为可能在XAML -创建堆栈布局在底部与导航按钮
浏览 3提问于2017-06-25得票数 0
回答已采纳
我使用了包名为flutter_launcher_icons的代码。 我还发现我可以通过在android/app/res文件夹的mipmap-xxxhdpi中放置一个图像来做到这一点。而且它是有效的。所以我的问题是为什么我们需要额外的软件包(flutter_launcher_icons)。
浏览 74提问于2019-09-23得票数 5
回答已采纳
4回答
iOS标签栏控制器的最佳安卓版本
、、、、
iPhone应用程序的导航基于UITabBarController，该应用程序的5个功能中的每一个都有单独的视图控制器。我从来没有编写过Android程序，从来没有拥有过Android，见鬼，从来没有一次使用Android超过一分钟。有没有在安卓上被广泛使用的UITabBarController的等价物？
浏览 2提问于2011-08-05得票数 12
回答已采纳
2回答
我想为安卓和iOS创建一个应用程序。我想在屏幕底部创建一个导航栏。我在另一个项目中使用了用于Android的github项目，但由于这不同于原生Android，我不知道我是否可以使用它。我指的github项目是：
是否可以在我的Nativescript项目中以及在Android和iOS上使用它？
浏览 0提问于2016-11-14得票数 0
1回答
我曾多次尝试让iOS项目的行为在Flutter / Dart中工作。我不明白如何获得脚手架后面的另一个视图(同时持有底部导航栏)。有什么办法可以做到吗？
浏览 4提问于2022-01-05得票数 0
回答已采纳
在Flutter中，我有一个底部导航栏，里面有4个不同的底部导航栏项目。在第四个菜单项中，我有一个复选框小部件。在浏览导航栏中的项目时，我希望保持选中或未选中项目的状态。例如，如果我取消选中这个小部件，我希望它在浏览其他导航栏项目时保持“未选中”状态。我该怎么做呢？我尝试使用checkbox的key参数，但失败了。
浏览 28提问于2020-04-21得票数 0
我删除了我的颤振项目的android文件夹(认为我可以消除运行旧项目时出现的错误)。
我如何创建那个android文件夹？有什么命令吗？
浏览 9提问于2022-04-27得票数 0
回答已采纳
，我使用GetX导航方式。我使用常量ID来保存应用程序的底部导航栏。即使我删除了ID，英雄动画也不会出现。环境Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 2.0.1, on macOS 11.2 20D64 darwin-arm, locale fr-FR
浏览 0提问于2021-05-01得票数 4
如何让hero控件在路由转换中低于appBar和bottomBar控件。我也试过用hero来扭曲其他的小工具，但是没有成功。
浏览 8提问于2020-12-29得票数 2
回答已采纳
底部导航栏的中间按钮将“发送”和“接收”按钮动画显示在视图上，然后将其图标更改为十字。当您通过其他4个底部导航条项导航到其他视图时，这些按钮仍然存在。当你点击中间的十字按钮时，它们就消失了。我尝试过在Flutter中实现这一点。我最好的尝试是为我的脚手架创建我自己的底部导航栏小部件，包含底部的图标和顶部的几个按钮，但这看起来真的很简陋。说到具体的代码，他们的代码实
浏览 15提问于2021-08-03得票数 1
回答已采纳
我正在尝试使底部导航栏与固定的位置，并在它上面的滚动div显示一些卡片列表。
我参考了Material-UI文档和，但我不知道如何设置底部导航栏上方的div，以便填满所有剩余空间。如果我简单地将导航栏固定到底部，并将z-index设置为较高的值，则上述div的底部将被覆盖。我也试过使用flex box，但在底部有一个固定的导航栏，这似乎不起作用。
浏览 27提问于2020-02-12得票数 2
回答已采纳
不同的android手机在界面底部的虚拟导航栏行为是不同的。例如，华为就有这种能力。对于其他手机，他们没有虚拟导航栏。那么，我如何检测不同的Android手机中是否有虚拟导航栏？
浏览 3提问于2016-11-24得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
