zoukankan      html  css  js  c++  java
  • Flutter 使用Tabbar不要Title

    Demo 1

    import 'package:flutter/material.dart';
    
    void main() => runApp(MyApp());
    
    class MyApp extends StatelessWidget {
      @override
      Widget build(BuildContext context) {
        return MaterialApp(
          theme: ThemeData(
            primaryColor: Colors.blue,
            accentColor: Colors.pink,
          ),
          home: HomePage(),
        );
      }
    }
    
    class HomePage extends StatefulWidget {
      @override
      _HomePageState createState() => _HomePageState();
    }
    
    class _HomePageState extends State<HomePage> {
      final tabs = ["One", "Two", "Three"];
    
      @override
      Widget build(BuildContext context) {
        return DefaultTabController(
          length: tabs.length,
          child: Scaffold(
            appBar: PreferredSize(
              preferredSize: Size.fromHeight(kToolbarHeight),
              child: Container(
                color: Theme.of(context).primaryColor,
                child: SafeArea(
                  child: Column(
                    children: <Widget>[
                      Expanded(child: SizedBox()),
                      getTabBar(),
                    ],
                  ),
                ),
              ),
            ),
            body: getTabBarPages(),
          ),
        );
      }
    
      Widget getTabBar() {
        return TabBar(
          indicatorColor: Theme.of(context).accentColor,
          tabs: tabs.map((t) {
            return Tab(
              child: Text(t),
            );
          }).toList(),
        );
      }
    
      Widget getTabBarPages() {
        return TabBarView(
          children: tabs.map((t) {
            return Center(
              child: Text(t),
            );
          }).toList(),
        );
      }
    }
    

    Demo 2

    import 'package:flutter/material.dart';
    
    void main() => runApp(MyApp());
    
    class MyApp extends StatelessWidget {
      @override
      Widget build(BuildContext context) {
        return MaterialApp(
          theme: ThemeData(
            primaryColor: Colors.blue,
            accentColor: Colors.pink,
          ),
          home: HomePage(),
        );
      }
    }
    
    class HomePage extends StatefulWidget {
      @override
      _HomePageState createState() => _HomePageState();
    }
    
    class _HomePageState extends State<HomePage> {
      final tabs = ["One", "Two", "Three"];
    
      @override
      Widget build(BuildContext context) {
        return DefaultTabController(
          length: tabs.length,
          child: Scaffold(
            appBar: AppBar(
              flexibleSpace: SafeArea(
                child: Column(
                  children: <Widget>[
                    Expanded(child: SizedBox()),
                    getTabBar(),
                  ],
                ),
              ),
            ),
            body: getTabBarPages(),
          ),
        );
      }
    
      Widget getTabBar() {
        return TabBar(
          indicatorColor: Theme.of(context).accentColor,
          tabs: tabs.map((t) {
            return Tab(
              child: Text(t),
            );
          }).toList(),
        );
      }
    
      Widget getTabBarPages() {
        return TabBarView(
          children: tabs.map((t) {
            return Center(
              child: Text(t),
            );
          }).toList(),
        );
      }
    }
    
  • 相关阅读:
    Lc1049_最后一块石头的重量II
    Lc343_整数拆分
    MySQL使用Limit关键字限制查询结果的数量效率问题
    Lc62_不同路径
    Java几种序列化方式对比
    3、你平时工作用过的JVM常用基本配置参数有哪些?
    2、你说你做过JVM调优和参数配置,请问如何盘点查看MM系统默认值
    强引用、软引用、弱引用、虚引用分别是什么?
    零拷贝
    并发编程面试题-锁的优化 和 happen-before原则
  • 原文地址:https://www.cnblogs.com/ajanuw/p/11378957.html
Copyright © 2011-2022 走看看