mirror of
https://github.com/flutter/flutter.git
synced 2025-06-03 00:51:18 +00:00
5491c8c146
This auto-formats all *.dart files in the repository outside of the `engine` subdirectory and enforces that these files stay formatted with a presubmit check. **Reviewers:** Please carefully review all the commits except for the one titled "formatted". The "formatted" commit was auto-generated by running `dev/tools/format.sh -a -f`. The other commits were hand-crafted to prepare the repo for the formatting change. I recommend reviewing the commits one-by-one via the "Commits" tab and avoiding Github's "Files changed" tab as it will likely slow down your browser because of the size of this PR. --------- Co-authored-by: Kate Lovett <katelovett@google.com> Co-authored-by: LongCatIsLooong <31859944+LongCatIsLooong@users.noreply.github.com>
103 lines
2.6 KiB
Dart
103 lines
2.6 KiB
Dart
// Copyright 2014 The Flutter Authors. All rights reserved.
|
|
// Use of this source code is governed by a BSD-style license that can be
|
|
// found in the LICENSE file.
|
|
|
|
import 'package:flutter/material.dart';
|
|
|
|
/// Flutter code sample for [TabBar].
|
|
|
|
void main() => runApp(const TabBarApp());
|
|
|
|
class TabBarApp extends StatelessWidget {
|
|
const TabBarApp({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return MaterialApp(theme: ThemeData(useMaterial3: true), home: const TabBarExample());
|
|
}
|
|
}
|
|
|
|
class TabBarExample extends StatelessWidget {
|
|
const TabBarExample({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return DefaultTabController(
|
|
initialIndex: 1,
|
|
length: 3,
|
|
child: Scaffold(
|
|
appBar: AppBar(
|
|
title: const Text('Primary and secondary TabBar'),
|
|
bottom: const TabBar(
|
|
dividerColor: Colors.transparent,
|
|
tabs: <Widget>[
|
|
Tab(text: 'Flights', icon: Icon(Icons.flight)),
|
|
Tab(text: 'Trips', icon: Icon(Icons.luggage)),
|
|
Tab(text: 'Explore', icon: Icon(Icons.explore)),
|
|
],
|
|
),
|
|
),
|
|
body: const TabBarView(
|
|
children: <Widget>[
|
|
NestedTabBar('Flights'),
|
|
NestedTabBar('Trips'),
|
|
NestedTabBar('Explore'),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class NestedTabBar extends StatefulWidget {
|
|
const NestedTabBar(this.outerTab, {super.key});
|
|
|
|
final String outerTab;
|
|
|
|
@override
|
|
State<NestedTabBar> createState() => _NestedTabBarState();
|
|
}
|
|
|
|
class _NestedTabBarState extends State<NestedTabBar> with TickerProviderStateMixin {
|
|
late final TabController _tabController;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_tabController = TabController(length: 2, vsync: this);
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
_tabController.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Column(
|
|
children: <Widget>[
|
|
TabBar.secondary(
|
|
controller: _tabController,
|
|
tabs: const <Widget>[Tab(text: 'Overview'), Tab(text: 'Specifications')],
|
|
),
|
|
Expanded(
|
|
child: TabBarView(
|
|
controller: _tabController,
|
|
children: <Widget>[
|
|
Card(
|
|
margin: const EdgeInsets.all(16.0),
|
|
child: Center(child: Text('${widget.outerTab}: Overview tab')),
|
|
),
|
|
Card(
|
|
margin: const EdgeInsets.all(16.0),
|
|
child: Center(child: Text('${widget.outerTab}: Specifications tab')),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
}
|