| // 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. |
| |
| /// Flutter code sample for [FloatingActionButton]. |
| |
| import 'package:flutter/material.dart'; |
| |
| void main() => runApp(const MyApp()); |
| |
| class MyApp extends StatelessWidget { |
| const MyApp({super.key}); |
| |
| @override |
| Widget build(BuildContext context) { |
| return MaterialApp( |
| theme: ThemeData(colorSchemeSeed: const Color(0xff6750a4), useMaterial3: true), |
| home: const FabExample(), |
| ); |
| } |
| } |
| |
| class FabExample extends StatelessWidget { |
| const FabExample({super.key}); |
| |
| @override |
| Widget build(BuildContext context) { |
| return Scaffold( |
| appBar: AppBar( |
| title: const Text('FloatingActionButton Sample'), |
| ), |
| body: Center( |
| child: Column( |
| mainAxisAlignment: MainAxisAlignment.spaceEvenly, |
| children: <Widget>[ |
| Row( |
| mainAxisAlignment: MainAxisAlignment.center, |
| children: <Widget>[ |
| const Text('Small'), |
| const SizedBox(width: 16), |
| // An example of the small floating action button. |
| // |
| // https://m3.material.io/components/floating-action-button/specs#669a1be8-7271-48cb-a74d-dd502d73bda4 |
| FloatingActionButton.small( |
| onPressed: () { |
| // Add your onPressed code here! |
| }, |
| child: const Icon(Icons.add), |
| ), |
| ], |
| ), |
| Row( |
| mainAxisAlignment: MainAxisAlignment.center, |
| children: <Widget>[ |
| const Text('Regular'), |
| const SizedBox(width: 16), |
| // An example of the regular floating action button. |
| // |
| // https://m3.material.io/components/floating-action-button/specs#71504201-7bd1-423d-8bb7-07e0291743e5 |
| FloatingActionButton( |
| onPressed: () { |
| // Add your onPressed code here! |
| }, |
| child: const Icon(Icons.add), |
| ), |
| ], |
| ), |
| Row( |
| mainAxisAlignment: MainAxisAlignment.center, |
| children: <Widget>[ |
| const Text('Large'), |
| const SizedBox(width: 16), |
| // An example of the large floating action button. |
| // |
| // https://m3.material.io/components/floating-action-button/specs#9d7d3d6a-bab7-47cb-be32-5596fbd660fe |
| FloatingActionButton.large( |
| onPressed: () { |
| // Add your onPressed code here! |
| }, |
| child: const Icon(Icons.add), |
| ), |
| ], |
| ), |
| Row( |
| mainAxisAlignment: MainAxisAlignment.center, |
| children: <Widget>[ |
| const Text('Extended'), |
| const SizedBox(width: 16), |
| // An example of the extended floating action button. |
| // |
| // https://m3.material.io/components/extended-fab/specs#686cb8af-87c9-48e8-a3e1-db9da6f6c69b |
| FloatingActionButton.extended( |
| onPressed: () { |
| // Add your onPressed code here! |
| }, |
| label: const Text('Add'), |
| icon: const Icon(Icons.add), |
| ), |
| ], |
| ), |
| ], |
| ), |
| ), |
| ); |
| } |
| } |