如何在flutter中构建这样的选项卡式按钮？

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: DefaultTabController(
        length: 3, // 选项卡数量
        child: Scaffold(
          appBar: AppBar(
            title: Text('选项卡式按钮'),
            bottom: TabBar(
              tabs: [
                Tab(text: '选项卡1'),
                Tab(text: '选项卡2'),
                Tab(text: '选项卡3'),
              ],
            ),
          ),
          body: TabBarView(
            children: [
              Center(child: Text('选项卡1的内容')),
              Center(child: Text('选项卡2的内容')),
              Center(child: Text('选项卡3的内容')),
            ],
          ),
        ),
      ),
    );
  }
}