8wDlpd.png
8wDFp9.png
8wDEOx.png
8wDMfH.png
8wDKte.png

Flutter BottomNavigationBar 仅显示 1 个标签

Shawn Dillon 2月前

19 0

我实现了一个导航栏,但是现在没有点击的其他标签没有显示。有人能告诉我为什么吗?在此处输入图像描述我的代码:home.dart:import'package:fi...

我实现了一个导航栏,但是现在没有点击的其他标签没有显示。有人能告诉我为什么吗?

在此处输入图片描述 我的代码:

主页.dart:

import 'package:fiips/MyBottomNavigationBar.dart';
import 'package:flutter/material.dart';

class Home extends StatelessWidget {
  const Home({super.key});

  final int test = 5;

  @override
  Widget build(BuildContext context) {
    return const Scaffold(
        bottomNavigationBar: MyBottomNavigationBar()
        );
  }
}

我的底部导航栏:

import 'package:flutter/material.dart';

class MyBottomNavigationBar extends StatelessWidget {
  const MyBottomNavigationBar({super.key});

  @override
  Widget build(BuildContext context) {
    return BottomNavigationBar(
      currentIndex: 0,
      
      fixedColor: Colors.white,
      items: const <BottomNavigationBarItem>[
        BottomNavigationBarItem(
          icon: Icon(Icons.home, color: Colors.white),
          label: 'Home',
        ),
        BottomNavigationBarItem(
          icon: Icon(Icons.devices, color: Colors.white),
          label: 'Devices',
        ),
        BottomNavigationBarItem(
          icon: Icon(Icons.notifications, color: Colors.white),
          label: 'Notifications',
        ),
        BottomNavigationBarItem(
          icon: Icon(Icons.settings, color: Colors.white),
          label: 'Settings',
        ),
      ],
      //currentIndex: 1,
      //onTap: _onItemTapped,
    );
  }
}
帖子版权声明 1、本帖标题:Flutter BottomNavigationBar 仅显示 1 个标签
    本站网址:http://xjnalaquan.com/
2、本网站的资源部分来源于网络,如有侵权,请联系站长进行删除处理。
3、会员发帖仅代表会员个人观点,并不代表本站赞同其观点和对其真实性负责。
4、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
5、站长邮箱:yeweds@126.com 除非注明,本帖由Shawn Dillon在本站《dart》版块原创发布, 转载请注明出处!
最新回复 (0)
  • 如果您希望其他标签像第一个标签一样显示,请使用

    类型:BottomNavigationBarType.fixed

    在你的 BottomNavigationBar

    完整示例:

    BottomNavigationBar(
          currentIndex: 0,
          type: BottomNavigationBarType.fixed,
          fixedColor: Colors.white,
          items: const <BottomNavigationBarItem>[
            BottomNavigationBarItem(
              icon: Icon(Icons.home, color: Colors.white),
              label: 'Home',
            ),
            BottomNavigationBarItem(
              icon: Icon(Icons.devices, color: Colors.white),
              label: 'Devices',
            ),
            BottomNavigationBarItem(
              icon: Icon(Icons.notifications, color: Colors.white),
              label: 'Notifications',
            ),
            BottomNavigationBarItem(
              icon: Icon(Icons.settings, color: Colors.white),
              label: 'Settings',
            ),
          ],
          //currentIndex: 1,
          //onTap: _onItemTapped,
        )
    
返回
作者最近主题: