首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

有没有可能得到一个没有图标/只有文本的bottomNavBar?

在Flutter中,BottomNavigationBar 组件通常会显示图标和文本。然而,如果你想要一个只有文本而没有图标的 BottomNavigationBar,你可以通过一些定制来实现。

以下是一个简单的例子,展示了如何创建一个只有文本的 BottomNavigationBar

代码语言:javascript
复制
import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('BottomNavigationBar with Text Only'),
        ),
        body: Center(child: Text('Content goes here')),
        bottomNavigationBar: BottomNavigationBar(
          items: [
            BottomNavigationBarItem(
              label: 'Home',
              icon: Icon(Icons.home, size: 0), // 设置图标大小为0使其不可见
            ),
            BottomNavigationBarItem(
              label: 'Search',
              icon: Icon(Icons.search, size: 0), // 设置图标大小为0使其不可见
            ),
            BottomNavigationBarItem(
              label: 'Profile',
              icon: Icon(Icons.person, size: 0), // 设置图标大小为0使其不可见
            ),
          ],
          showSelectedLabels: true, // 显示选中的标签
          showUnselectedLabels: true, // 显示未选中的标签
        ),
      ),
    );
  }
}

在这个例子中,我们通过将 icon 属性的 Icon 组件的 size 设置为0来使图标不可见。同时,我们设置了 showSelectedLabelsshowUnselectedLabels 属性为 true,以确保选中和未选中的标签都会显示。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

美团有没有可能成为下一个市值超过1000亿美金互联网公司?

,但是作为国内外卖行业第一品牌已经坐实了,关键前面做了大量铺垫现在已经慢慢开始开花结果,围绕着外卖相关酒店预订等等增值服务随时就可以作为变现渠道,现在美团已经慢慢开始进入收割阶段所以市值增长也是可以预见...美团从创立之初就围绕着外卖和酒店旅游业务,同时围绕这两点不断拓展新领地,现在美团打法是不断拓展自己零散业务,这点不同于BAT主项稳定业务,美团获取现金流方式采用小溪汇流方式,形成以外卖和酒店旅游为中心...美团已经在外卖行业占据绝对领先地位,早期为了拓展市场报表不是不好看,真正到了收割阶段就会市值上涨空间会非常大,而且外卖行业在国内增长空间还是非常巨大,还是很多人压根就没有使用过外卖服务,每个人都要吃饭所以从生活便利性上看增长空间巨大...美团外围业务展开,同时在酒店和旅游上有点和携程竞争味道了,但美团天然优势比较明显,靠着外卖巨大入口推广酒店和旅游业务会变得顺理成章,所以美团战法是多出着手产生稳定现金流,同时还会继续拓展新相关业务...在发展中过程中机遇和风险也是并存,像阿里巴巴饿了么作为美团竞争对手,也会依靠强大后台不断向美团发起挑战,现在美团就是要想办法让自己变得足够强大,这样即使面对阿里这样对手时候,也要让对方思量下是不是能够扛得住

38530

手把手教你一行代码可以让你在电脑端打开100个微信

提要: 在电脑上打开登录多个微信,用这个只有1kb小工具就能实现,当然自己动手照着写一个也就是一分钟事。 现在很多人都在用电脑版微信,正常情况下,微信只允许打开一个。...但是对于一些有特殊需求用户来说,可能要同时登陆两个或者更多微信账号,那么如果想到多个账号同时登录,有没有什么办法呢? 当然有。...网上有的人说点击微信桌面版图标快速点击,然后就有可能打开两个或者更多,这个方法也不是不可以,但是大家试试就知道了,这个有多累。...如下图,在图标上按鼠标右键弹出菜单,选中编辑。通常情况下就可以用记事本打开该文件。如果你电脑当中有安装其他可以编辑文本软件,也可能是该软件打开。这些都不要紧,只要能正常打开,就可以编辑。...这个操作也很简单,我们只要在微信桌面图标上按按鼠标右键弹出菜单,选择 打开文件所在位置即可。然后我们把这个小工具复制进去,再在桌面为它建立一个快捷方式,以方便以后使用。

96030
  • 计算机科学里最大难题:居中显示

    vertical-align有 13 种取值,但没有一个能有效地将文本图标对齐: text-align: middle 最接近对齐,但是按 x-height 而不是 cap-height 对齐,看起来还是不平衡...在上面的例子中,所有图标的字体大小和行高都做了同样设置。如你所见,它们大小、边距都不一样,没有一个真正地对齐了。 尽管有很多缺点,并且几乎没有任何好处,各家公司还是争先恐后地到处添加图标字体。...水平居中 你可能会想,只有垂直居中才这么难。...如上图所示,ascender 空间并没有得到充分利用。只要让上述数值可以匹配即可。 无论是 Web 开发还是原生开发,为了避免麻烦,务必选择遵循此规则字体。...糟糕居中可能毁掉原本不错 UI: 但恰当文本对齐可以让你 UI 美妙如歌: 即使这很难。即使没有便捷工具。即使你不得不搜寻解决方案。

    10410

    新手Web设计师应该避免 6 宗罪

    1.错误颜色对比 当用户访问一个网站时,他会做第一件事就是扫描网站以得到网站要点,并看看网站是否可以解决他问题。...那么,为什么有些人会使用图标来代替文本?只提供文本不是更容易吗?诚然,这可能会更容易,但它有吸引力吗?大多数人回答都会是,NO。...纯文本界面通常不会那么美观,而是会让用户觉得枯燥乏味……这就是图标变得必要原因。并非所有的设计师都明白这一点,所以他们往往忽略了图表用来抓住用户注意力重要性。...如果你用纯文本编写,并希望用户坚持并阅读每一标题,那么你可能会大失所望。但是,如果你添加图标,那么用户就能立即知道发生了什么,同时页面不会纯是文本而令人两眼迷茫。...可以阅读Tuts+关于对齐和网格这篇文章以了解更多信息。 总结 如果你是一个新手设计师,并且犯过这些错误,那么好好查看下你设计,看看有没有可以修复地方。

    68120

    计算机科学里最大难题:居中显示

    vertical-align有 13 种取值,但没有一个能有效地将文本图标对齐: text-align: middle 最接近对齐,但是按 x-height 而不是 cap-height 对齐,看起来还是不平衡...在上面的例子中,所有图标的字体大小和行高都做了同样设置。如你所见,它们大小、边距都不一样,没有一个真正地对齐了。 尽管有很多缺点,并且几乎没有任何好处,各家公司还是争先恐后地到处添加图标字体。...水平居中 你可能会想,只有垂直居中才这么难。...如上图所示,ascender 空间并没有得到充分利用。只要让上述数值可以匹配即可。 无论是 Web 开发还是原生开发,为了避免麻烦,务必选择遵循此规则字体。...糟糕居中可能毁掉原本不错 UI: 但恰当文本对齐可以让你 UI 美妙如歌: 即使这很难。即使没有便捷工具。即使你不得不搜寻解决方案。

    8410

    新手Web设计师应该避免 6 宗罪

    1.错误颜色对比 当用户访问一个网站时,他会做第一件事就是扫描网站以得到网站要点,并看看网站是否可以解决他问题。...那么,为什么有些人会使用图标来代替文本?只提供文本不是更容易吗?诚然,这可能会更容易,但它有吸引力吗?大多数人回答都会是,NO。...纯文本界面通常不会那么美观,而是会让用户觉得枯燥乏味……这就是图标变得必要原因。并非所有的设计师都明白这一点,所以他们往往忽略了图表用来抓住用户注意力重要性。...如果你用纯文本编写,并希望用户坚持并阅读每一标题,那么你可能会大失所望。但是,如果你添加图标,那么用户就能立即知道发生了什么,同时页面不会纯是文本而令人两眼迷茫。...可以阅读Tuts+关于对齐和网格这篇文章以了解更多信息。 总结 如果你是一个新手设计师,并且犯过这些错误,那么好好查看下你设计,看看有没有可以修复地方。

    78270

    文本工具使用-静电Figma完全学习日记-Day.04

    静电说:首先说一句,我不想对软件中英文有太多讨论,如果软件是英文阻碍了你学习请另行选择其它适合你,我不想在这问题上去扛。求汉化,有没有中文这些问题本人恕不回复,感谢理解。...文本工具需要支持多国语言,多国字体,开发起来难度不小,支持不好的话,软件就是残疾,毕竟设计工具不能只有英文字体可以用啊。那么今天咱们就来看看Figma文本工具表现如何? ?...04-1.创建文本图层/调整属性 要创建一个文本图层,很简单,只需点击工具栏上T按钮。...Figma中文本就是浏览器中文本真实样子,你平时看到网页,里边字体也是不可能贴边。不要再纠结这些了。如果你觉得开发复现有问题,可以采用视觉走查方式二次调整。...让开发100%像素级还原设计稿是不可能,这是技术问题和字体处理问题。 ? Q:如果我Figma设计稿使用了某种字体,交给其他人打开后,对方电脑没有这个字体,那会怎样呢?

    2.4K20

    win7 java环境变量配置

    查看电脑配置 选择电脑界面上 计算机(或者我电脑电脑图标),按下鼠标右键,出现菜单,看到有’属性’这一项,点击确定 ? ? ? 查看是32位操作系统还是64位操作系统 3....安装 双击下载好文件,然后点“下一步”,直到完成。 双击计算机图标(或我电脑图标) ? 双击C盘(从左到右第二个) ?...点击新建(下面这一排),已经新建过JAVA_HOME这个名称,则点击编辑 第一个方框里面填写(注意要大写): JAVA_HOME 第二个方框填写(具体目录换成自己): C:\Program Files...(x86)\Java\jdk1.8.0_181\jdk1.8.0_181 然后点击确定 再次点击新建(下面这一排),已经新建过CLASSPATH这个名称,则点击编辑 第一个方框里面填写(注意要大写...记事本中:跳到文本最后,看有没有 ;, 如果没有则加上,然后在文本之后加上 %JAVA_HOME%\bin;%JAVA_HOME%\jre\bin; 然后用鼠标选中所有文本,复制(ctrl + c)

    3.1K30

    Android 13来了,它真的平庸又鸡肋吗?

    上周,谷歌正式发布了 Android 13 一个开发者预览版,根据官方释出时间表,Android 13 将在今年下半年内完成市场首秀。...此前有非官方消息提到,新版本中增加了 Material You 色彩选项、新用户通知选择系统(这两条均未得到确认)以及针对各种语言偏好设定(已经确认)。...不过单就目前效果看,我们仍然很难判断“主题图标”这个创意有没有搞头。谷歌自家图标在单色化之后倒是影响不大,毕竟最近一轮品牌重塑已经把他们自家图标统一弄成了彩虹色。...谷歌用一套庞大众包数据库囊括了地球上每一个 SSID 位置,这样用户就能随时根据当前所在位置、获取周边 Wi-Fi 接入点列表。...另外,大家可能想象不到,断字是资源占用量最大文本布局操作之一,要求系统计算各个单词所有音节断点以完成显示布局。

    50920

    解读 AppStore 新功能:自定义产品页面和 AB Test 工具

    一、前言 可能很多开发者还没有意识到,今年 WWDC21 推出 《Get ready to optimize your App Store product page》 是一个重磅功能!...举例来说,有一个 app 图标主色调是紫色,那如果换成红色图标后用户会不会更愿意下载 app 呢?换作以前是没有办法对比测试,只能换一个图标看看。...测试期间最多可以持续 90 天 所以,开发者针对每个测试,一定有良好假设支撑,不然测试假设可能会误导自己啊~ 准备好元数据 目前支持测试只有以下三种元数据: app 图标 截屏 app 预览 计划您应用发布...马甲包概念?综上,不支持 app 图标自定义,是因为自定义是一个永久链接,而一个 app 有多个图标可能并不太适合(苹果应该是这样考虑。)...而在今年 WWDC21 之前,开发者怎么进行 A/B 测试,马甲包,懂自然懂,小编就不展开了啊。 所以,苹果到底有没有计划开发 A/B 测试呢?

    1.9K70

    Shodanhttp.favicon.hash语法详解

    在Shodan搜索中有一个关于网站icon图标的搜索语法,http.favicon.hash,我们可以使用这个语法来搜索出使用了同一icon图标的网站,不知道怎么用朋友请参考我上一篇文章[Shodan...通过上一篇文章我们了解到,由于hash为一个未知随机数,所以是无法通过输入一个确定hash值来搜索带有指定图标的网站,只能够通过查看一个已经被Shodan收录网站hash值,来进一步获取到所有带有某...根据上面我们得到hash值来尝试使用http.favicon.hash语法进行搜索,可以看到我们成功得到了所有的带有这个icon网站, ?   ...Shodan原始数据中还有其他很多东西,这里看一下data.0.http.favicon.data字段,从字面意思上来看应该是和favicon有关,是他数据,而这个格式看起来有没有很像我们熟悉base64...至此我们已经对Shodan一些细节有了更进一步了解,现在出现了一种新状况:假如你有一个网站,打开只有一个登陆界面,没有其他任何信息,但是此时你发现他有一个icon图标,所以猜想他可能是使用了某个不知名

    1.8K20

    Android 逆向工具篇—反编译工具选择与使用

    事实上,这种方式对小白实在不友好,有没有更加友好方式呢?当然是有的,如果你百度或者 google 搜索逆向相关教程和分享,很容易就会发现下面这三个工具。...可能出现两个问题: 为什么双击jadx-gui.bat 出现控制台一闪而过,没有正确出现界面 因为你JAVA_HOME环境变量没有正确配置,但也不排除是JDK版本问题。...JADX使用和快捷键 搜索代码、类、方法——Ctrl+N,建议不要使用左上角搜索类/搜索文本,因为图标太小,很容易按错,如果你第一次搜索用搜索类,第二次搜索时选择搜索文本,那第一次搜索内容和设置是不会记录下来...所以不如直接看一下工具栏中快捷键,只用一个。 文件-首选项中,如果内存够用,我建议勾选“自动进行后台反编译”,因为Jadx默认只有在你展开内容或者搜索内容时,才会开始反编译。...我们能得到仅仅是一种伪代码,它可能存在错误逻辑、奇怪变量名、各种各样error,但代码总体上是靠谱

    24.6K32

    Android使用自定义View实现横行时间轴效果

    所以首先要把想实现 view 拆分成一个个小可绘制并且没有重复块,以目前想实现时间轴效果来说,最小可绘制无重复块也就是只包括一个时间结点块如图: ?...它包括: 垂直居中一条虚线; 一个表示状态图标一个显示时间文本块; 一个显示阶段名文本块; 三、开始画 有了上面的分析,接下来就要开始画了。 1....当文本图标上方时,文本 y 坐标需要使用图标的 y 坐标减去文本图标的距离,x 坐标同图片 x 坐标一样;当文本图标下方时,文本 y 坐标需要使用图标的 y 坐标加上文本图标的距离。...由局部到整体 上面已经完成了只有一个时间点绘制,接下来思考如果有多个时间点时如何绘制。...其实已经可以看出,当多个点时候需要循环一下,代码如下: // 得到多个点时,其中每个部分宽,itevW 也就等同与上面只有一个时间点时控件宽 float itemW = mViewWidth /

    80110

    关于状态可见原则

    但状态并不只有操作后才出现,操作前也有状态,如制作一个组件时,通常会把组件不同状态(正常、鼠标经过、鼠标点击、加载中、报错、禁用等)做出来,其中正常态和禁用态就是操作前状态,其它都是操作后反馈。...应用 下拉菜单 由下拉菜单激活方式引起一个思考点,我们常见下拉菜单有两种激方式,hover 激活 和 click 激活。 但从外观上是无法进行区分,也就是没有操作前暗示。...应对方案除了整个系统统一之外,有没有其他方案呢?从操作前暗示角度入手,能不能通过三角箭头不同样式来区分呢?...尝试着改进后左侧导航折叠态 链接 虽然文本链接有几种表达自身状态样式(link、visited、hover、active),但由于实际场景中点击链接时可能会有几个结果: 打开方式\跳转目标 当前站点...当前常见方案是在链接文本后面加上一个表示跳转到外部图标,用于提醒用户链接目标是站外内容,如果点击将会离开本站点。这时用户可以主动选择是否使用新窗口打开。

    2.4K30

    HackTheBox - Machines - GoodGames

    来到web页面,发现是一个游戏相关网站,其中图片链接打开后去除图片名并不存在目录遍历 页面其他链接都指向页面本身,除了有一个 Blog和 Store 以及右上角小人图标 在 Blog 页面只发现这一个有用链接...Flask 点击首页右上角小人图标,弹出一个表单,登录、密码找回、注册用户。...此时得到信息:该靶机只有一个80端口开放,没有发现子域名,没有敏感信息泄露,无SSTI(模板注入),弱口令夭折,得到可访问页面若干 2.漏洞利用 0x01....SQL注入 来到profile界面之后,发现页面只有一个重置密码功能,并无其他资料修改功能 抓包 修改密码 看看有没有越权 好!没有越权操作。...抠了一下脑壳,突然想到,blog页面的get传参sql注入测试过没有,但是表单这里还有没有测试sql注入呀。 既然说出来了那么就要有行动,RUSH! Login Success!

    70520

    小程序实践:基础内容icon,关于图标的5个实现方案等

    在html中是没有原生icon标签,小程序基于浏览器引擎渲染,它icon组件是怎么实现? A)最简单粗暴方法,是使用img标签,每个图标对应一个图片。...这种方案每个图标都需要写css样式,劳动量大。即使是别人写好了样式,批量引入进来,也有不便控制问题。它本身并不是字符,如果每个图标在绘制时没有一个统一中心点,在使用时仅控制位置就比较麻烦。...E)最后,还有一个方案,就是使用svg。svg是一种矢量格式,内容和矢量字体描述字符信息类似,可以让图标随意缩放,没有锯齿。...这五种图标方案,你认为微信小程序采用是哪种方案呢?欢迎留言讨论。 3)微信小程序图标能不能自定义,如何使用阿里图标库? 默认图标不够用,又不想用图片,有没有方法自定义图标?...没有这种问题原因,可能有两个: a)css font-face样式里声明字体文件,在安全域名里,在本地不校验域名情况下可以访问,在真机或真实环境中不行。

    2K00

    盘点那些2019好用Sketch插件(附下载地址)

    Data from Clipboard 只需简单拷贝一列文本,然后粘贴到Sketch文本图层或者元件Overrides中。插件就自动帮我们把文本排列好啦。就这么简单。 ?...Cluse 随着黑暗模式普及,图层颜色对比度是否符合标准已经至关重要,如果你图层配色对比度达不到要求,则可能对用户使用造成很大困扰,最大问题就是,用户看不清文字或者应用里内容。...只需选中两个图层,在Cluse面板分别调整颜色,就可以在AA和AAA级别的对比度测试中得到结果,如果出现X,那么标示你配色不合格哦。...Color Finder 之前有小伙伴问到有没有可以搜索特定颜色图层插件呢,这次静电帮大家找到了。ColorFinder可以搜索特定颜色图层,用起来很方便。 ?...MiaoW 之前咱们推荐过,腾讯出品这款MiaoW,包含了常用插件功能。比如查找替换,添加交互连线,导出,拷贝CSS代码,快速颜色选择,图标库等等功能,实乃设计师必备插件啊。 ? ? ?

    2.5K10

    让你用Markdown方式来做PPT

    成绩有没有被PPT高手抢走过呢? 不会作精美PPT是不是很头疼呢?...,而Slidev,或许就是和Markdown一样一个东东哦!...—— 可以使用另一个窗口,甚至是你手机来控制幻灯片 绘图 - 在你幻灯片上进行绘图和批注 LaTeX 支持 —— 内置了对 LaTeX 数学公示支持 图表支持 —— 使用文本描述语言创建图表...图标 —— 能够直接从任意图标库中获取图标 编辑器 —— 集成编辑器,或者使用 VS Code 扩展 演讲录制 —— 内置录制功能和摄像头视图 跨平台 —— 能够导出 PDF、PNG 文件,...不过也许可能是BETA版本关系,作者表示SlidevAPI接口还不是很稳定,有待进一步优化 file 我们看一下简单试用(白色是在刷新,有点慢): file 喜欢小伙伴不要错过,让你Markdown

    90630

    培训报名小程序实战开发

    ,点击按钮跳转到查看页面2.8 报名详情页面图片查看报名详细信息3 数据源设计我们在拆分数据源时候要考虑后续数据维护和程序扩展,首页是一个分类,目前只有两类。...日后可能随着业务扩展会有多个类目,因此将首页提炼一个分类表,设计如下字段字段名称字段类型分类名称文本分类图标图片背景色文本通过首页跳转到报名页,我们可以设计一个培训内容表,字段如下字段名称字段类型标题文本课程介绍文本报名开始时间日期报名截止时间日期缴费金额数字分类关联关系我们这里为啥要有一个分类字段呢...一个分类下有多个培训内容,某个培训内容只属于一个分类,这就叫一对多接着就是报名表了,字段如下字段名称字段类型姓名文本性别枚举身份证文本电话号码电话号码工作单位文本支付状态枚举支付时间日期时间缴费金额数字培训内容关联关系...体验版和正式版数据是隔离,如果正式使用,数据还需要重新录入一遍图片在下方红色叹号表明还有没有完成工作,我们管理后台是在企业工作台里使用,需要先配置导航菜单,点击前往配置图片点击根据页面一键生成配置图片菜单配置好之后...,在微搭里对应着自定义应用,打开控制台,点击创建自定义应用图片图片8 创建页面点击页面旁边图标,创建页面图片图片按照我们设计阶段设计页面依次将页面创建好图片总结我们本篇以一个报名小程序为案例,带着大家从需求分析到设计逐一演示了每一个环节该干什么

    18820

    Android中为图标加上数字--用于未读短信数提醒,待更新应用数提醒等

    本节就以一个展示手机内联系人数量例子来演示怎么在一个图标的上面加上数字例子,也就是一个数字overlay..做过google map开发知道overlay这个东西。。  ...> 先来获取手机内通讯录图标,如果没有获取到,则使用该应用图标....,就不解释了,无非就是定义一个画布(Canvas),然后在上面画图标,画数字文本。...然后我们把得到这个处理过Bitmap放在我们在main.xml里定义ImageView里展示就可以看到效果了....这里说都是应用内、状态通知等一些显示处理后图片办法,那么有没有方法处理手机主屏幕上图标的办法,为他们加上数字呢。

    1.6K40
    领券