草庐IT

dart - Flutter:Tabbar 与 BottomNavigationBar

coder 2023-07-22 原文

我正在尝试找出启用滑动的底部导航的最佳方式。我发现了两个有前途的小部件:Tabbar(带有 TabBarView)和 BottomNavigationBar。选项卡栏易于使用,并具有 Controller 属性,可以轻松地在选项卡之间滑动。但是没有办法设置背景颜色(或者我错了吗?)。 bottomnavigationbar 允许在 appBar 之外进行自定义,但不适用于 Controller 。那么我将如何使用 bottomnavigationbar?我应该手动显示和隐藏页面/小部件吗?

最佳答案

在 TabBar 上设置背景颜色可以通过将其包裹在所需颜色的 Material 中来完成。不过,其中之一位于屏幕底部并不常见。

如果您希望 View 可滑动,您可以使用 BottomNavigationBar 的 onTap 触发页面更改。

关于dart - Flutter:Tabbar 与 BottomNavigationBar,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44208445/

有关dart - Flutter:Tabbar 与 BottomNavigationBar的更多相关文章

  1. Flutter 环境变量配置和flutter doctor中的错误解决 - 2

    一、环境变量右键点击我的电脑-属性:然后找到环境变量 1.Android的SDK不在C盘的话需要额外配这个到用户环境变量:ANDROID_HOMED:\AndroidSDK2.然后在系统变量:Path中添加一条这样的值        D:\Flutter\flutter\bin             这个值写flutter包解压的实际地址即可 3.在系统变量中添加两个镜像变量:        变量名:FLUTTER_STORAGE_BASE_URL      变量值:https://storage.flutter-io.cn        变量名:PUB_HOSTED_URL      变量

  2. javascript - Google Dart JavaScript 转换器是否支持旧版浏览器? - 2

    GoogleDartJavaScript转换器支持旧版浏览器还是仅支持现代浏览器? 最佳答案 根据technicaloverviewofitsofficialsite:您将能够以多种方式运行Dart代码:1.将Dart代码转换为可在任何现代浏览器中运行的JavaScript:Chrome、Safari5+和Firefox4+(即将推出更多浏览器支持)。2.在服务器端直接在虚拟机中执行Dart代码3.使用Dartboard在任何浏览器窗口中编写、修改和执行小型Dart程序Dart->JavaScript编译器几乎不可能支持旧版浏览器。

  3. javascript - 用 Dart 可视化? - 2

    我的工作涉及大量的可视化。我一直在用D3.js和JavaScriptInfovistoolkit我最近了解到Dart如何成为开发Web应用程序的新方法。Q1。Dart是否提供任何用于可视化的库(某种级别的D3.js或JavaScriptInfovistoolkit)?Q2。如果我继续使用Dart,我可以使用D3.js吗?/JavascriptInfovistoolkit与Dart一起?编辑:我在互联网上发现wecanuseJavascriptalongwithDart.我经历了DartFAQ,但无法真正找到与可视化库或D3.js本身相关的任何内容。 最佳答案

  4. javascript - Dart vs JavaScript——它们是编译语言还是解释语言? - 2

    Dart被认为是编译语言还是解释语言?同样的问题也适用于JavaScript。问题原因:我去过watchinganinterview与dart的创始人一起,在7:10LarsBak说:"Whenyou[...]inaJavaScriptprogram,youactuallyexecuteJavaScriptbeforeyoustartrunningtherealprogram.InDart,youdon'texecuteanythingbeforethefirstinstructioninmainisbeingexecuted".在我看来,他是在说JavaScript是一种编译型语言,

  5. javascript - react native 选项卡导航器 : How to let icon overflow tabbar? - 2

    我想让Logo居中在tarbar中,也就是顶部的overflowtabbar。怎么做?…………...............................................................................................................................................................importReactfrom'react';importTabNavigatorfrom'react-native-tab-navigator';import{View,Text

  6. javascript - Dart js-interop 与 jquery ui - 2

    我是Dart的新手,我在开始使用js-interop库时遇到了问题。我想从jqueryui添加一个slider到我的页面,但我不知道如何从Dart进行slider()设置调用。js-interop是这样做的正确方法吗?对此提供一些帮助将不胜感激。voidmain(){js.scoped((){varslider=query('#slider-range');varoptions=js.map({'range':true,'values':[17,67]});//Thisdoesn'twork.Elementhasnomethodnamedslider.slider.slider(opt

  7. javascript - 处理 DART 中的事件 - 2

    我是DART的新手。我阅读了语言概述并在DART编辑器中检查了示例代码。到目前为止,我找不到如何处理DART中的事件。例如onclick="call_dart_method()".我们如何处理DART中的事件? 最佳答案 这不是你在Dart上的做法在此处查看“事件”部分下的内容:http://www.dartlang.org/articles/improving-the-dom/elem.onClick.listen((event)=>print('click!')); 关于javasc

  8. javascript - react-navigation:如何根据当前选项卡更改 tabBar 颜色 - 2

    我开始使用react-navigation。如何在更改标签时更改标签栏背景颜色?这是一些伪代码,显示了我所希望的:_backgroundColor=function(){switch(this.routeName){case'tabHome':return{backgroundColor:'#002663'};case'tabRewards':return{backgroundColor:'#3F9C35'};default:return{backgroundColor:'white'}}}//TabssetupexportconstTabStack=TabNavigator({tab

  9. javascript - 相当于 Array.prototype.map() 的 Dart? - 2

    我尝试从Dart中的map列表中获取ID。在JavaScript中会是这样的:varlist=[{id:3,name:'third'},{id:4,name:'fourth'}];varresult=list.map(function(x){returnx.id;});这应该给出结果[3,4]在Dart中是否有一种简单的方法可以做到这一点?到目前为止,我能够做到这一点(在Dart中):varlist=[{'id':3,'name':'third'},{'id':4,'name':'fourth'}];varresult=list.map((x)=>x['id']);结果是“Mapped

  10. javascript - dart 可以生成可读的 javascript 库吗? - 2

    目标我想写一个javascript库(框架),但需要OOP和mixins。尝试使用typescript,但它不支持混入(手册上说支持,但编译器/规范没有任何与混入相关的内容)。typescript在typescript中,以下代码:classGreeter{greeting:string;constructor(message:string){this.greeting=message;}greet(){return"Hello,"+this.greeting;}}编译为:varGreeter=(function(){functionGreeter(message){this.gree

随机推荐