dart 错误：没有名称为title的命名参数：文本(抖动

kgqe7b3p 于 2022-12-27 发布在其他

关注(0)|答案(3)|浏览(172)

import 'package:flutter/material.dart';
import 'package:font_awesome_flutter/font_awesome_flutter.dart';

class BottomNavBarWidget extends StatefulWidget {
  @override
  _BottomNavBarWidgetState createState() => _BottomNavBarWidgetState();
}

class _BottomNavBarWidgetState extends State<BottomNavBarWidget> {
  @override
  Widget build(BuildContext context) {
    int _selectedIndex = 0;
    void _onItemTapped(int index) {
      setState(() {
        _selectedIndex = index;
//        navigateToScreens(index);
      });
    }

    return BottomNavigationBar(
      type: BottomNavigationBarType.fixed,
      items: const <BottomNavigationBarItem>[
        BottomNavigationBarItem(
          icon: Icon(Icons.home),
          title: Text(
            'Home',
            style: TextStyle(color: Color(0xFF2c2b2b)),
          ),
        ),
      ],
      currentIndex: _selectedIndex,
      selectedItemColor: Color(0xFFfd5352),
      onTap: _onItemTapped,
    );
  }
}

我被指派使用Flutter框架运行一个移动的应用程序。但是我不明白如何在导航栏项中使用“title”，当然还有style。因此，我想问，“如何修复代码中的错误？”以及如何在Flutter中包含一个正确的“title”参数？

dart

来源：https://stackoverflow.com/questions/74930218/error-no-named-parameter-withthe-name-title-text-in-flutter

3条答案

按热度按时间

3pmvbmvn1#

与其因为BottomNavigationBarItem不存在而在BottomNavigationBarItem上定义title，不如使用接受String的label，如下所示：

// ... 
BottomNavigationBarItem(
          icon: Icon(Icons.home),
          label: 'Home', // use this
        ),
// ...

赞(0）回复(0）举报 2022-12-27

ohfgkhjo2#

在更新的flutter版本中，title随label一起迁移。
像这样使用它：

BottomNavigationBarItem(icon: Icon(Icons.home), label: 'Home')

赞(0）回复(0）举报 2022-12-27

snvhrwxg3#

flutter不推荐使用title参数，请使用以前的flutter版本，或将title参数更改为label（仅接受string作为参数）。

BottomNavigationBarItem(
          icon: Icon(Icons.home),
          title: const Text('Home') // remove this and replace it with
          label: 'Home', // this instead...
        ),

对于样式文本使用自定义主题在材料应用程序，例如：

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

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData.dark().copyWith(
        bottomNavigationBarTheme: BottomNavigationBarThemeData(), // edit this object
      home: const HomeScreen(),
      ),
    );
  }
}

赞(0）回复(0）举报 2022-12-27

我来回答

dart 错误：没有名称为title的命名参数：文本(抖动

3条答案

相关问题

热门标签

最新问答