449f4a6673
* Update project.pbxproj files to say Flutter rather than Chromium Also, the templates now have an empty organization so that we don't cause people to give their apps a Flutter copyright. * Update the copyright notice checker to require a standard notice on all files * Update copyrights on Dart files. (This was a mechanical commit.) * Fix weird license headers on Dart files that deviate from our conventions; relicense Shrine. Some were already marked "The Flutter Authors", not clear why. Their dates have been normalized. Some were missing the blank line after the license. Some were randomly different in trivial ways for no apparent reason (e.g. missing the trailing period). * Clean up the copyrights in non-Dart files. (Manual edits.) Also, make sure templates don't have copyrights. * Fix some more ORGANIZATIONNAMEs
146 lines
4.1 KiB
Dart
146 lines
4.1 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';
|
|
|
|
class AppBarBottomSample extends StatefulWidget {
|
|
@override
|
|
_AppBarBottomSampleState createState() => _AppBarBottomSampleState();
|
|
}
|
|
|
|
class _AppBarBottomSampleState extends State<AppBarBottomSample> with SingleTickerProviderStateMixin {
|
|
TabController _tabController;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_tabController = TabController(vsync: this, length: choices.length);
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
_tabController.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
void _nextPage(int delta) {
|
|
final int newIndex = _tabController.index + delta;
|
|
if (newIndex < 0 || newIndex >= _tabController.length)
|
|
return;
|
|
_tabController.animateTo(newIndex);
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return MaterialApp(
|
|
home: Scaffold(
|
|
appBar: AppBar(
|
|
title: const Text('AppBar Bottom Widget'),
|
|
leading: IconButton(
|
|
tooltip: 'Previous choice',
|
|
icon: const Icon(Icons.arrow_back),
|
|
onPressed: () { _nextPage(-1); },
|
|
),
|
|
actions: <Widget>[
|
|
IconButton(
|
|
icon: const Icon(Icons.arrow_forward),
|
|
tooltip: 'Next choice',
|
|
onPressed: () { _nextPage(1); },
|
|
),
|
|
],
|
|
bottom: PreferredSize(
|
|
preferredSize: const Size.fromHeight(48.0),
|
|
child: Theme(
|
|
data: Theme.of(context).copyWith(accentColor: Colors.white),
|
|
child: Container(
|
|
height: 48.0,
|
|
alignment: Alignment.center,
|
|
child: TabPageSelector(controller: _tabController),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
body: TabBarView(
|
|
controller: _tabController,
|
|
children: choices.map<Widget>((Choice choice) {
|
|
return Padding(
|
|
padding: const EdgeInsets.all(16.0),
|
|
child: ChoiceCard(choice: choice),
|
|
);
|
|
}).toList(),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class Choice {
|
|
const Choice({ this.title, this.icon });
|
|
final String title;
|
|
final IconData icon;
|
|
}
|
|
|
|
const List<Choice> choices = <Choice>[
|
|
Choice(title: 'CAR', icon: Icons.directions_car),
|
|
Choice(title: 'BICYCLE', icon: Icons.directions_bike),
|
|
Choice(title: 'BOAT', icon: Icons.directions_boat),
|
|
Choice(title: 'BUS', icon: Icons.directions_bus),
|
|
Choice(title: 'TRAIN', icon: Icons.directions_railway),
|
|
Choice(title: 'WALK', icon: Icons.directions_walk),
|
|
];
|
|
|
|
class ChoiceCard extends StatelessWidget {
|
|
const ChoiceCard({ Key key, this.choice }) : super(key: key);
|
|
|
|
final Choice choice;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final TextStyle textStyle = Theme.of(context).textTheme.display1;
|
|
return Card(
|
|
color: Colors.white,
|
|
child: Center(
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
children: <Widget>[
|
|
Icon(choice.icon, size: 128.0, color: textStyle.color),
|
|
Text(choice.title, style: textStyle),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
void main() {
|
|
runApp(AppBarBottomSample());
|
|
}
|
|
|
|
/*
|
|
Sample Catalog
|
|
|
|
Title: AppBar with a custom bottom widget.
|
|
|
|
Summary: An AppBar that includes a bottom widget. Any widget
|
|
with a PreferredSize can appear at the bottom of an AppBar.
|
|
|
|
Summary: Any widget with a PreferredSize can appear at the bottom of an AppBar.
|
|
|
|
Description:
|
|
Typically an AppBar's bottom widget is a TabBar however any widget with a
|
|
PreferredSize can be used. In this app, the app bar's bottom widget is a
|
|
TabPageSelector that displays the relative position of the selected page
|
|
in the app's TabBarView. The arrow buttons in the toolbar part of the app
|
|
bar and they select the previous or the next page.
|
|
|
|
Classes: AppBar, PreferredSize, TabBarView, TabController
|
|
|
|
Sample: AppBarBottomSample
|
|
|
|
See also:
|
|
- The "Components-Tabs" section of the material design specification:
|
|
<https://material.io/go/design-tabs>
|
|
*/
|