mirror of
https://github.com/flutter/flutter.git
synced 2025-06-03 00:51:18 +00:00
74 lines
1.9 KiB
Dart
74 lines
1.9 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 [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'),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|