| // 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 [Divider]. | |
| void main() => runApp(const DividerExampleApp()); | |
| class DividerExampleApp extends StatelessWidget { | |
| const DividerExampleApp({super.key}); | |
| @override | |
| Widget build(BuildContext context) { | |
| return MaterialApp( | |
| home: Scaffold( | |
| appBar: AppBar(title: const Text('Divider Sample')), | |
| body: const DividerExample(), | |
| ), | |
| ); | |
| } | |
| } | |
| class DividerExample extends StatelessWidget { | |
| const DividerExample({super.key}); | |
| @override | |
| Widget build(BuildContext context) { | |
| return Center( | |
| child: Column( | |
| children: <Widget>[ | |
| const Expanded( | |
| child: ColoredBox( | |
| color: Colors.amber, | |
| child: Center(child: Text('Above')), | |
| ), | |
| ), | |
| const Divider( | |
| height: 20, | |
| thickness: 5, | |
| indent: 20, | |
| endIndent: 0, | |
| color: Colors.black, | |
| ), | |
| // Subheader example from Material spec. | |
| // https://material.io/components/dividers#types | |
| Container( | |
| padding: const .only(left: 20), | |
| child: Align( | |
| alignment: .centerStart, | |
| child: Text( | |
| 'Subheader', | |
| style: Theme.of(context).textTheme.bodySmall, | |
| textAlign: .start, | |
| ), | |
| ), | |
| ), | |
| Expanded( | |
| child: ColoredBox( | |
| color: Theme.of(context).colorScheme.primary, | |
| child: const Center(child: Text('Below')), | |
| ), | |
| ), | |
| ], | |
| ), | |
| ); | |
| } | |
| } |