Blog

Learn how to create an About page in Flutter using this AboutListTile example.

Example 1: AboutListTile

Here is the demo screenshot of this example:

This example will comprise the following files:

• AboutListTileExample.dart

Step 1: Create Project.

1. Open your favorite Flutter IDE.
2. Go to File-->New-->Project to create a new project.

Step 2: Add Dependencies.

No external dependency is needed for this project.

Step 4: Write Dart Code

Write your code as follows:

*(a). AboutListTileExample.dart

Create a file Dart named AboutListTileExample.dart

Here is the full code

import 'package:flutter/material.dart';
class AboutListTileExample extends StatefulWidget {
  final String title;
  const AboutListTileExample({Key? key, required this.title}) : super(key: key);
  @override
  _AboutListTileState createState() => _AboutListTileState();
}
class _AboutListTileState extends State<AboutListTileExample> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Column(
        children: const <Widget>[
          AboutListTile(
            icon: FlutterLogo(),
            aboutBoxChildren: <Widget>[
              Text("Playground app for Flutter. Contains list of examples."),
            ],
            applicationIcon: FlutterLogo(),
            applicationName: "Flutter Playground",
            applicationVersion: "1.0.0",
            child: Text("About"),
          ),
        ],
      ),
    );
  }
}

Run

Simply copy the source code into your Flutter Project, Build and Run.

Reference.

Download code here. Follow code author here.