开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

flutter buttomNavigationBar不能正常显示或工作

Flutter的bottomNavigationBar是一个用于在应用程序底部显示导航栏的小部件。它通常用于切换应用程序的不同页面或功能。如果bottomNavigationBar不能正常显示或工作，可能有以下几个原因和解决方法：

布局问题：检查bottomNavigationBar是否正确放置在Scaffold的bottomNavigationBar属性中。确保它位于Scaffold的底部，并且没有被其他小部件遮挡。
导航项设置问题：确保bottomNavigationBar的items属性中包含正确的导航项。每个导航项都应该有一个图标和一个标签，可以使用Icon和Text小部件来创建它们。
导航项选择问题：如果bottomNavigationBar中的导航项无法选择或切换，请确保为每个导航项提供唯一的onTap回调函数。这个回调函数应该更新应用程序的状态，以便正确显示所选的导航项。
样式问题：如果bottomNavigationBar的样式不正确，可以尝试使用selectedItemColor、unselectedItemColor、selectedFontSize、unselectedFontSize等属性来自定义导航项的外观。
其他问题：如果以上方法都无法解决问题，可能是由于其他因素导致的。可以尝试在Flutter社区或相关论坛上搜索类似的问题，或者查看Flutter官方文档和示例代码以获取更多帮助。

腾讯云相关产品和产品介绍链接地址：

相关搜索:Flutter: for循环或if语句不能正常工作 Flutter ScrollController不能正常工作 distinct或group by不能正常工作 *ngIf或[隐藏]不能正常工作 jquery显示隐藏不能正常工作显示/隐藏JQuery不能正常工作显示:内联块不能正常工作 Flutter Firebase Firestore:升级选项不能正常工作 Flutter web视图表单不能正常工作上卷不能正常工作，div不能完整显示。大于或等于约束不能正常工作指针和/或函数不能正常工作 Grails CreateCriteria逻辑或不能正常工作 Flutter HTTP post请求JSON处理不能正常工作内部元素的显示类不能正常工作显示/隐藏切换器不能正常工作突出显示object onMouse over不能正常工作 react转换组显示转换不能正常工作 SwipeCellKit不能正常工作 For循环-不能正常工作

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

Flutter 流体滑块

在本文中，我们将**探讨Flutter中的Fluid Slider。**我们还将在flutter应用程序中使用flutter_fluid_slider包来实现流体滑块和属性的演示程序。

02

【Flutter】自定义滚动开关

switch是两个状态的UI组件，用于在ON（选中）或OFF（未选中）状态之间切换。通常，它是带有拇指滑块的按钮，用户可以在其中来回拖拉以选择其他选项，例如“开”或“关”。它的工作就像房子的电源开关。

06

Flutter 1.22 正式发布

我们很高兴推出最新版本的Flutter，它广泛支持iOS 14和Android11。Flutter 1.22在以前版本的基础上构建，使开发人员能够从一个代码库为多个平台构建快速，美观的用户体验。我们的季度稳定版本包含最新功能，性能改进和错误修复，适合广泛的生产使用。

02

flutter技术落地使用

Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。

02

为什么那么多公司钟爱 Flutter ？

各公司都开始关注和使用跨端方案【包括大厂阿里巴巴以及腾讯】目前主流的跨端方案主要分为两种：一种是将 JavaScriptCore 引擎作为虚拟机的方案，代表框架是 React Native；另一种是使用非 JavaScriptCore 虚拟机的方案，代表框架是 Flutter。【其中还有一种是使用 Webview 的方案-待会也会讲解到】

02

Flutter框架分析（一）-- 总览和Window

在熟悉了Flutter app开发以后，我们的好奇心会驱使对Flutter框架是如何运行产生诸多疑问，Flutter是如何运转的？Widget到底是什么东西？RenderObject又是个什么鬼？runApp()之后发生了什么？调用sateState()之后页面又是如何刷新的？要解答这些问题，就需要学习一下Flutter框架的源代码。为此我会基于源码写一系列文章来分析一下Flutter框架。本文是第一篇，主要是先介绍一下Flutter框架的总览和基础--Window。

03

在 Flutter 使用 GetX 对话框

是移动应用程序的基本组成部分。他们帮助传递警告和重要信息，以及做具体的活动。当 Flutter 开发人员在 Flutter 制作一个对话框时，它利用上下文和生成器制作一个对话框。然而，对于开发人员来说，利用上下文和构建器来培养 Dialogs 是不合适的。

01

【译】Profiling Flutter Applications Using the Timeline

使用Timeline可以查找和解决应用程序中的特定性能问题。它也是一个很好的工具，可以识别出Flutter所提供的所有特性的相对性能成本，并允许您做出更明智的决定，确定哪些地方需要避免某些特性，哪些地方需要使用可能会让您的应用程序脱颖而出的效果 .

06

Flutter 可折叠边栏

移动应用程序具有多种方法来处理屏幕之间的导航，例如导航抽屉，底部导航栏，滑动选项卡等。

05

Flutter 即学即用系列博客——08 MethodChannel 实现 Flutter 与原生通信

前面我们讲了很多 Flutter 相关的知识点，但是我们并没有介绍怎样实现 Flutter 与原生的通信。

03

2022-02-15：flutter weekly第6期

flutter weekly 是一份免费的每周咨询，可帮助你在 Flutter 开发方面保持领先地位。

02

【老孟Flutter】Flutter 2 新增的功能

今天，我们很高兴地宣布Flutter 2的发布。距离Flutter 1.0的发布已经两年多了，但是在很短的时间内，我们已经关闭了24,541期，并合并了765个贡献者的17,039个PR。自9月Flutter 1.22发布以来，我们已经关闭了5807期并合并了298位贡献者的4091个PR。特别感谢我们的志愿者捐助者，他们慷慨地抽出时间来改进Flutter项目。Flutter 2 release 版本前几名志愿者贡献者是xubaolin46个PR，a14n32个PR，专注于使Flutter达到零安全，hamdikahloun具有20个PR，改善了Flutter插件的数量。但是，不仅仅是编码员为Flutter项目做出了贡献。一大批志愿者PR评审人员还负责评审1525个PR，包括hamdikahloun（再次！），CareF和YazeedAlKhalaf（16个！）。Flutter确实是社区的一项工作，如果没有问题提出者，PR贡献者和代码审查者，我们就不可能进入第2版。此版本适用于所有人。

02

Flutter尝鲜：跨平台移动应用开发

随着移动App开发成本越来越高，近几年，移动跨平台开发的呼声层出不穷，如FaceBook的推出React-Native，大受欢迎，但其性能并不如人意。

07

Flutter Performance

性能图层用两张图表显示应用的耗时信息。每一张图表都代表当前线程的最近 300 帧表现。

05

Flutter在Mac上搭建IOS开发环境

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

02

动手编写你的第一个 Flutter 应用

我将带领大家尝试编写一个 Flutter 应用，感受一下 Flutter 开发的语法特点和运行效率。

02

它来了！Flutter3.0新特性全接触

又到了Flutter稳定版发布的时候了--我们非常自豪地宣布Flutter 3! 仅仅三个月前，我们宣布Flutter支持Windows。今天，我们很高兴地宣布，除了Windows之外，Flutter现在在macOS和Linux上也是稳定的!

04

浅谈跨平台框架 Flutter 的搭建与运行

Flutter是Google推出的跨平台的解决方案，用以帮助开发者在 Android 和 iOS 两个平台开发高质量原生应用的全新移动 UI 框架。之前我们为大家介绍了《跨平台框架Flutter的优势与结构》，概括了Flutter选择Dart语言的必要性及其自底而上的框架结构，大家可以点击标题链接来回顾前文。在本文中，我们将带大家进一步了解Flutter的搭建与运行。

04

浅谈跨平台框架Flutter的搭建与运行

Flutter是Google推出的跨平台的解决方案，用以帮助开发者在 Android 和 iOS 两个平台开发高质量原生应用的全新移动 UI 框架。之前我们为大家介绍了《跨平台框架Flutter的优势与结构》，概括了Flutter选择Dart语言的必要性及其自底而上的框架结构，大家可以点击标题链接来回顾前文。在本文中，我们将带大家进一步了解Flutter的搭建与运行。

02

Flutter 2.8正式版发布了，还不来看看

在2021年12月上旬，Flutter官方发布了今年的第四个正式版本，也是今年的最后一个Flutter稳定版。

03

关于Flutter 2.5稳定版你知道多少？

Flutter 2.5 正式版已于2021年9月8号发布！这是一次重要的版本更新，也是 Flutter 发布历史上各项统计数据排名第二的版本。我们关闭了 4600 个 Issue，合并了 3932 个 PR，它们分别来自 252 个贡献者和 216 个审核者。回顾去年 – 我们收到来自 1337 个贡献者提交的 21072 个 PR，其中有 15172 个被合并。在详述本次更新的内容之前，我们想强调，Flutter 的首要工作始终是高质量交付开发者们所需要功能。

02

闲鱼基于Flutter技术的架构演进和创新

最近一段时间一直学习Flutter，也尝试写一下Demo，但是在用的时候。从一开始惊艳到了，觉得写起来很爽，各种UI效果实现起来很棒，而且由于渲染机制，还让双端甚至多端的UI保持一致以及几乎可以和Native先媲美的用户体验。但是慢慢就又发现了许多新的坑，新的问题，确实也很不爽。

02

写给flutter开发者的vscode快捷键、插件和设置

基础的设置可以参考flutter的官方文档https://docs.flutter.dev/development/tools/vs-code。搞定基础的一切后，我们接下来就需要根据个人喜欢做一些个性化的定制来提高我们的工作效率。

02

Flutter 环境及配置

Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。

01

Flutter安装入门教程

Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。

02

Flutter 深入探索混合开发的技术演进

关于 Flutter 混合 PlatformView 的实现已经介绍过两次，随着 5 月份谷歌 IO 的接近，新的 PlatformView 实现应该也会随之而来，本次就从头到尾来一个详细的关于 PlatformView 的演进总结。

02

源码分享-一个帮助flutter开发者快速上手的app

Flutter接触时间不长，也就是刚刚到门口，还不算入门，由于国内的资料相对较少，官网又有时打不开，所有自己从头搭建了个基础框架，把常用的Widget组件的构造函数及常用属性做了简单的整理，方便后期查找。同时由于是业余时间在更新，所以现在只更新了60多种Widget的用法，后期还在更新。

Flutter 3.0正式发布：稳定支持6大平台，字节跳动是主要用户

5 月 12 日，Flutter 3.0 在 Google I/O 开发者大会正式亮相，随着 3.0 版本的发布，Flutter 开发框架终于可以支持六大平台，实现了其跨平台稳定运行的愿景。

02

Flutter 构建完整应用手册-设计基础知识顶

这本食谱包含演示如何在写Flutter应用程序时解决常见问题的食谱。每个配方都是独立的，可以作为参考帮助您构建应用程序。

01

学一学Flutter新的导航和路由系统

本文介绍了flutter中Navigator和RouterAPI是如何工作的。如果你一直在关注 Flutter 开放的设计文档[1]，你可能已经看到了这些称为Navigator 2.0 和 Router 的[2]新功能。下面我们将探索这些 API 如何对应用中的视觉进行更精细的控制，以及如何使用它来解析路由。

04

Flutter异常监控 | 框架Catcher原理分析

在给Flutter应用做异常监控的时候，一开始我是拒绝滴，如果不考虑Flutter Engine和native侧的监控，用我另一篇文章中不得不知道的Flutter异常捕获知识点提到的方法基本可以搞定所有Dart侧异常，关键代码也不多，复杂不到哪里去。如下(有不清楚原理的可以看下原文,这里就不赘叙了)：

06

Flutter异常监控 | 框架Catcher原理分析

在给Flutter应用做异常监控的时候，一开始我是拒绝滴，如果不考虑Flutter Engine和native侧的监控，用我另一篇文章中不得不知道的Flutter异常捕获知识点提到的方法基本可以搞定所有Dart侧异常，关键代码也不多，复杂不到哪里去。如下(有不清楚原理的可以看下原文,这里就不赘叙了)：

05

【腾讯云Cloud Studio实战训练营】使用Cloud Studio&Flutter完成跨平台博客的搭建

本文我将使用Cloud Studio 以及Flutter完成自己的一个博客平台的搭建。并且会将该项目作为模版，供大家使用。

06

2020年苹果审核新规及Flutter跨平台技术展望

我们都知道苹果公司对应用的审核是最系统最严格的，不管是大厂还是小企业项目，都难逃这关。但马上在明年3月份，苹果终于对h5这类App痛下杀手。

01

【Flutter 混合开发】添加 Flutter 到 iOS

Flutter 可以作为 frameworks 添加到 iOS 项目，iOS项目引入Flutter module需要安装Xcode，另外Flutter支持iOS8及以上。

04

它来了！Flutter3.0发布全解析

我们很高兴地宣布，作为谷歌I/O主题演讲的一部分，我们今天推出了Flutter 3。Flutter 3完成了我们从以移动为中心到多平台框架的路线图，提供了对macOS和Linux桌面应用的支持，以及对Firebase集成的改进，新的生产力和性能特性，并支持Apple Silicon。

02

Flutter完整开发实战详解(十四、混合开发打包 Android 篇)

本篇将带你深入了解 Flutter 中打包和插件安装等原理，帮你快速完成 Flutter 集成到现有 Android 项目，实现混合开发支持。

02

是时候学习Flutter了

Flutter是谷歌在2018年2月份的谷歌IO大会上推出的一款跨平台的UI框架，可以快速的在Android和IOS平台上构建高质量的原生用户界面。可以与你现有代码一起工作，并且是完全开源的。

03

Flutter Android端启动白屏问题的解决

Flutter 应用在 Android 端上启动时会有一段很明显的白屏现象，白屏的时长由设备的性能决定，设备性能越差，白屏时间越长。

01

Flutter启动页(闪屏页)的具体实现及原理详析

现在大部分App都有启动页，那么为什么要有启动页？这是个值得思考的问题，如果没有启动页会怎样，大部分的App会白屏（也有可能是黑屏，主题设置有关系）非常短的时间，然后才能展示App的内容。

04

Flutter 2.8 release 发布，快来看看新特性吧

欢迎来到 Flutter 2.8！该版本包含了 207 位 contributors 和 178 位 reviewers 的内容，其中一共有 2,424 个合并的 PR，并 Closed 了 2976 个问题。

02

开始使用-编写你的第一个Flutter应用程序顶

这是创建您的第一个Flutter应用程序的指南。如果您熟悉面向对象的代码和基本编程概念（如变量，循环和条件），则可以完成本教程。您不需要以前使用Dart或移动编程的经验。

02

Android Flutter：手把手教你如何进行Android 与 Flutter的相互通信

Android 与 Flutter之间的通信消息传递媒介：平台通道（PlantformChannel）

02

从零基础到精通：Flutter开发的完整指南

Flutter是一种跨平台的移动应用开发框架，它允许开发者使用单一代码库构建高性能、美观且响应迅速的应用程序。本篇文章将引导你从零基础逐步深入学习Flutter开发，成为一名Flutter专业开发者。

06

吐血教程：搭建Flutter开发环境

Flutter开发环境的搭建比较烦琐，任何一个步骤失败都会导致最终环境搭建不能完成。Flutter支持三种环境：Windows、MacOS和Linux。这里我们主要讲解Windows及MacOS的环境搭建。

02

已有iOS工程中加入Flutter之Cocoapods+Flutter环境方式集成

Mac OS：10.14.6 Xcode：11.3 Flutter：1.12.13+hotfix.5 • channel stable • Dart 2.7.0 已经安装有Cocoapods，如果没有安装请移驾这里

03

编写你的第一个 Flutter App

Flutter 是 Google 用以帮助开发者在 iOS 和 Andorid 两个平台开发高质量 UI 的移动 SDK，免费且开源。为了体验 Flutter 编写的 App，我将它的示例应用编译了起来，UI处理确实很细腻入微，沉浸式的体验过之后，发觉到值得我们深入去学习。

03

上半年最中意的 GitHub 更新「GitHub 热点速览 v.22.21」

2022 年的热点速览加入 GitHub 产品动态之后，这次的图片显示是最得我意的，因为可以提升图片查看人的看片体验。而 GitHub 社区方面，GitHub 官方发布了部分开源项目的新版本。与此同时，没有收录在本周 News 快读，但是大家应该都有耳闻的 Gitee “被迫”审核事件也是本周的特点事件，甚至有网友发出了 Gitee 办事窗口网图来暗示以后 Gitee 的审核之旅。

01

Flutter原理：三棵重要的树(渲染过程、布局约束、应用视图的构建等)

这篇文章从 Flutter 框架层的三棵树入手向大家层层剖析了 Flutter 中渲染组件的流程，从原理到实战，希望对想要提升 Flutter 的读者们有帮助。

04

Flutter 开发实战与前景展望 - RTC Dev Meetup

大家好，我是郭树煜，Github GSY 系列开源项目的作者，系列包括有 GSYVideoPlayer 、GSYGitGithubApp(Flutter\ReactNative\Kotlin\Weex)四大版本，目前总 star 在 17 k+ 左右，主要活跃在掘金社区，id 是恋猫的小郭，主要专栏有《Flutter完整开发实战详解》系列等，平时工作负责移动端项目的开发，工作经历从 Android 到 React Native 、Weex 再到如今的 Flutter ，期间也参与过 React 、 Vue 、小程序等相关的开发，算是一个大前端的选手吧。

02

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭