| // 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 EdgeInsets.only(left: 20), |
| child: Align( |
| alignment: AlignmentDirectional.centerStart, |
| child: Text( |
| 'Subheader', |
| style: Theme.of(context).textTheme.bodySmall, |
| textAlign: TextAlign.start, |
| ), |
| ), |
| ), |
| Expanded( |
| child: ColoredBox( |
| color: Theme.of(context).colorScheme.primary, |
| child: const Center( |
| child: Text('Below'), |
| ), |
| ), |
| ), |
| ], |
| ), |
| ); |
| } |
| } |