Flutter AboutListTile Widget Tutorial

The Flutter AboutListTile widget is a Material Design widget that provides a stylized way of presenting information about an application. It is typically used in an application's "about" screen, where developers can provide information such as the application's name, version number, and description.

Properties

Here are the properties of the AboutListTile widget in Flutter:

  • icon: An optional icon to display next to the AboutListTile.

  • child: An optional child to display inside the AboutListTile. If this property is not null, the AboutListTile will not display the application name, version, or legal information.

  • applicationName: The name of the application to display in the AboutListTile. If this property is null, the AboutListTile will not display the application name.

  • applicationVersion: The version of the application to display in the AboutListTile. If this property is null, the AboutListTile will not display the application version.

  • applicationLegalese: Any legal information about the application to display in the AboutListTile. If this property is null, the AboutListTile will not display any legal information.

  • aboutBoxChildren: A list of widgets to display inside the "about" box that is shown when the user taps on the AboutListTile.

  • dense: Whether the AboutListTile should be displayed with reduced vertical padding.

  • onTap: An optional callback that will be called when the user taps on the AboutListTile.

Example

Here is a basic example of the AboutListTileWidget.

main.dart

// AllAboutFlutter.com
import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        appBar: AppBar(
          title: const Text('AboutListTile Widget Tutorial'),
        ),
        body: Center(
          child: ListView(
            children: const [
              AboutListTile(
                icon: Icon(Icons.info),
                applicationName: 'AllAboutFlutter',
                applicationVersion: '1.0.0',
                applicationLegalese: '© 2023 AllAboutFlutter.com',
                aboutBoxChildren: [
                  Text('Best Flutter Tutorials.'),
                ],
              ),
            ],
          ),
        ),
      ),
    );
  }
}

Output

Reference: api.flutter.dev/flutter/material/AboutListT..

Code Link: dartpad.dev/?id=b0f24f405a02214f1d98802b2ba..

Did you find this article valuable?

Support All About Flutter | Flutter and Dart by becoming a sponsor. Any amount is appreciated!