怎么去掉flutter中的tarbar选中的下划线

要去掉Flutter中`TabBar`选中的下划线，可以通过`TabBar`的`indicator`属性来实现。下面是一个示例代码：

TabBar(
  tabs: [
    Tab(
      text: 'Tab 1',
    ),
    Tab(
      text: 'Tab 2',
    ),
    Tab(
      text: 'Tab 3',
    ),
  ],
  //设置indicator的颜色和高度
  indicatorColor: Colors.transparent,
  indicatorWeight: 0,
)

在上面的代码中，我们通过将`indicatorColor`设置为`Colors.transparent`，将`indicatorWeight`设置为`0`，来去掉`TabBar`选中的下划线。这样就可以实现没有下划线的`TabBar`了。

相关问题

flutter中的tarbar字体颜色

在Flutter中，可以通过修改`TabBar`组件的`TextStyle`属性来更改`Tab`上的文本颜色。具体做法如下：

1. 在`TabBar`的`tabs`属性中添加`Tab`组件，并在`Tab`组件中设置文本内容。
2. 在`TabBar`的`labelColor`属性中设置选中的文本颜色。
3. 在`TabBar`的`unselectedLabelColor`属性中设置未选中的文本颜色。
4. 在`TabBar`的`labelStyle`属性中设置选中的文本样式，包括字体大小、字体颜色等。
5. 在`TabBar`的`unselectedLabelStyle`属性中设置未选中的文本样式，包括字体大小、字体颜色等。

以下是一个示例代码，可以参考：

TabBar(
  tabs: [
    Tab(
      text: 'Tab 1',
    ),
    Tab(
      text: 'Tab 2',
    ),
    Tab(
      text: 'Tab 3',
    ),
  ],
  labelColor: Colors.black, // 选中的文本颜色
  unselectedLabelColor: Colors.grey, // 未选中的文本颜色
  labelStyle: TextStyle(fontSize: 18, fontWeight: FontWeight.bold), // 选中的文本样式
  unselectedLabelStyle: TextStyle(fontSize: 16), // 未选中的文本样式
),

flutter中的底部tarbar中怎么获取tarbar里页面的路由

在Flutter中，你可以使用Navigator类的静态方法来获取底部导航栏中页面的路由。以下是获取当前页面路由的示例代码：

import 'package:flutter/material.dart';

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  int _currentIndex = 0;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Bottom Navigation Bar Example'),
      ),
      body: Center(
        child: Text('Page ${_currentIndex + 1}'),
      ),
      bottomNavigationBar: BottomNavigationBar(
        currentIndex: _currentIndex,
        onTap: (index) {
          setState(() {
            _currentIndex = index;
          });
        },
        items: [
          BottomNavigationBarItem(
            icon: Icon(Icons.home),
            label: 'Home',
          ),
          BottomNavigationBarItem(
            icon: Icon(Icons.search),
            label: 'Search',
          ),
          BottomNavigationBarItem(
            icon: Icon(Icons.person),
            label: 'Profile',
          ),
        ],
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          // 获取当前页面的路由
          Navigator.of(context)
              .restorablePush(_bottomNavRoutes[_currentIndex]);
        },
        child: Icon(Icons.add),
      ),
    );
  }
}

List<Page> _bottomNavRoutes = [
  MaterialPage(child: HomeScreen()), // 首页
  MaterialPage(child: SearchScreen()), // 搜索页
  MaterialPage(child: ProfileScreen()), // 个人资料页
];

class HomeScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Home'),
      ),
      body: Center(
        child: Text('Home Screen'),
      ),
    );
  }
}

class SearchScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Search'),
      ),
      body: Center(
        child: Text('Search Screen'),
      ),
    );
  }
}

class ProfileScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Profile'),
      ),
      body: Center(
        child: Text('Profile Screen'),
      ),
    );
  }
}

在上面的示例中，我们使用_bottomNavRoutes列表来存储底部导航栏中每个页面的路由。当点击FloatingActionButton时，通过Navigator的restorablePush方法将当前页面的路由推入路由栈中。

你可以根据自己的需求修改_bottomNavRoutes列表中的页面，并在点击底部导航栏中的某个页面时获取相应页面的路由。