Added Fantastic feature "Device Info".

android/gradle/wrapper/gradle-wrapper.properties

@@ -3,4 +3,4 @@ distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
 zipStoreBase=GRADLE_USER_HOME
 zipStorePath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-7.4-all.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-7.5.1-all.zip

lib/home_page.dart

@@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
 import 'pages/page_1.dart';
 import 'pages/page_2.dart';
+import 'pages/page_21.dart';
 import 'pages/page_3.dart';
 import 'pages/page_4.dart';
 import 'pages/page_5.dart';
@@ -23,45 +24,68 @@ class HomePage extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return Scaffold(
-      body: ListView(
-        children: const [
-          SizedBox(height: 100),
-          PageButton(pageNumber: 1, page: Page1()),
-          PageButton(pageNumber: 2, page: Page2()),
-          PageButton(pageNumber: 3, page: Page3()),
-          PageButton(pageNumber: 4, page: Page4()),
-          PageButton(pageNumber: 5, page: Page5()),
-          PageButton(pageNumber: 6, page: Page6()),
-          PageButton(pageNumber: 7, page: Page7()),
-          PageButton(pageNumber: 8, page: Page8()),
-          PageButton(pageNumber: 9, page: Page9()),
-          PageButton(pageNumber: 10, page: Page10()),
-          PageButton(pageNumber: 11, page: Page11()),
-          PageButton(pageNumber: 12, page: Page12()),
-          Hero(
-            tag: 'page_13_transition_key',
-            child: PageButton(pageNumber: 13, page: Page13()),
+    return SafeArea(
+      child: Container(
+        decoration: const BoxDecoration(
+          gradient: LinearGradient(
+            colors: [
+              Color.fromARGB(255, 35, 5, 143),
+              Color.fromARGB(255, 26, 25, 25),
+            ],
+            begin: Alignment.topCenter,
+            end: Alignment.bottomCenter,
           ),
-          PageButton(pageNumber: 14, page: Page14()),
-          PageButton(pageNumber: 15, page: Page15()),
-          PageButton(pageNumber: 16, page: Page16()),
-          PageButton(pageNumber: 17, page: Page17()),
-          PageButton(pageNumber: 18, page: Page18()),
+        ),
+        child: Scaffold(
+          backgroundColor: Colors.transparent,
+          appBar: AppBar(
+            elevation: 0,
+            backgroundColor: Colors.transparent,
+            title: const Text(
+              'Pages',
+            ),
+          ),
+          body: ListView(
+            children: const [
+              SizedBox(height: 50),
+              PageButton(pageNumber: 1, page: Page1()),
+              PageButton(pageNumber: 2, page: Page2()),
+              PageButton(pageNumber: 3, page: Page3()),
+              PageButton(pageNumber: 4, page: Page4()),
+              PageButton(pageNumber: 5, page: Page5()),
+              PageButton(pageNumber: 6, page: Page6()),
+              PageButton(pageNumber: 7, page: Page7()),
+              PageButton(pageNumber: 8, page: Page8()),
+              PageButton(pageNumber: 9, page: Page9()),
+              PageButton(pageNumber: 10, page: Page10()),
+              PageButton(pageNumber: 11, page: Page11()),
+              PageButton(pageNumber: 12, page: Page12()),
+              Hero(
+                tag: 'page_13_transition_key',
+                child: PageButton(pageNumber: 13, page: Page13()),
+              ),
+              PageButton(pageNumber: 14, page: Page14()),
+              PageButton(pageNumber: 15, page: Page15()),
+              PageButton(pageNumber: 16, page: Page16()),
+              PageButton(pageNumber: 17, page: Page17()),
+              PageButton(pageNumber: 18, page: Page18()),
+              PageButton(pageNumber: 21, page: Page21()),
 
-          /// TODO:
-          /// Want to add more page buttons?
-          ///
-          /// Add the below code snippet
-          /// Add the proper page number
-          /// Create a new page in the pages folder
-          /// Add the newly created Page widget in the page named parameter
-          ///
-          /// Code snippet
-          /// ```dart
-          /// PageButton(pageNumber: /*proper page number*/, page: /*newly created page number*/),
-          /// ```
-        ],
+              /// TODO:
+              /// Want to add more page buttons?
+              ///
+              /// Add the below code snippet
+              /// Add the proper page number
+              /// Create a new page in the pages folder
+              /// Add the newly created Page widget in the page named parameter
+              ///
+              /// Code snippet
+              /// ```dart
+              /// PageButton(pageNumber: /*proper page number*/, page: /*newly created page number*/),
+              /// ```
+            ],
+          ),
+        ),
       ),
     );
   }

lib/pages/page_21.dart

@@ -0,0 +1,279 @@
+// import 'dart:html';
+import 'dart:async';
+import 'dart:io';
+import 'dart:developer' as developer;
+import 'package:device_info_plus/device_info_plus.dart';
+import 'package:flutter/foundation.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+
+void main() {
+  runZonedGuarded(() {
+    runApp(const Page21());
+  }, (dynamic error, dynamic stack) {
+    developer.log("Something went wrong!", error: error, stackTrace: stack);
+  });
+}
+
+class Page21 extends StatelessWidget {
+  const Page21({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Center(
+      child: ElevatedButton(
+        onPressed: () {
+          Navigator.push(
+            context,
+            MaterialPageRoute(
+              builder: ((context) => const DeviceInfo()),
+            ),
+          );
+        },
+        child: const Text('Click Here to Get Device Info'),
+      ),
+    );
+  }
+}
+
+class DeviceInfo extends StatefulWidget {
+  const DeviceInfo({super.key});
+
+  @override
+  State<DeviceInfo> createState() => _DeviceInfo();
+}
+
+class _DeviceInfo extends State<DeviceInfo> {
+  static final DeviceInfoPlugin deviceInfoPlugin = DeviceInfoPlugin();
+  Map<String, dynamic> _deviceData = <String, dynamic>{};
+
+  @override
+  void initState() {
+    super.initState();
+    initPlatformState();
+  }
+
+  Future<void> initPlatformState() async {
+    var deviceData = <String, dynamic>{};
+
+    try {
+      if (kIsWeb) {
+        deviceData = _readWebBrowserInfo(await deviceInfoPlugin.webBrowserInfo);
+      } else {
+        if (Platform.isAndroid) {
+          deviceData =
+              _readAndroidBuildData(await deviceInfoPlugin.androidInfo);
+        } else if (Platform.isIOS) {
+          deviceData = _readIosDeviceInfo(await deviceInfoPlugin.iosInfo);
+        } else if (Platform.isLinux) {
+          deviceData = _readLinuxDeviceInfo(await deviceInfoPlugin.linuxInfo);
+        } else if (Platform.isMacOS) {
+          deviceData = _readMacOsDeviceInfo(await deviceInfoPlugin.macOsInfo);
+        } else if (Platform.isWindows) {
+          deviceData =
+              _readWindowsDeviceInfo(await deviceInfoPlugin.windowsInfo);
+        }
+      }
+    } on PlatformException {
+      deviceData = <String, dynamic>{
+        'Error:': 'Failed to get platform version.'
+      };
+    }
+
+    if (!mounted) return;
+
+    setState(() {
+      _deviceData = deviceData;
+    });
+  }
+
+  Map<String, dynamic> _readAndroidBuildData(AndroidDeviceInfo build) {
+    return <String, dynamic>{
+      'version.securityPatch': build.version.securityPatch,
+      'version.sdkInt': build.version.sdkInt,
+      'version.release': build.version.release,
+      'version.previewSdkInt': build.version.previewSdkInt,
+      'version.incremental': build.version.incremental,
+      'version.codename': build.version.codename,
+      'version.baseOS': build.version.baseOS,
+      'board': build.board,
+      'bootloader': build.bootloader,
+      'brand': build.brand,
+      'device': build.device,
+      'display': build.display,
+      'fingerprint': build.fingerprint,
+      'hardware': build.hardware,
+      'host': build.host,
+      'id': build.id,
+      'manufacturer': build.manufacturer,
+      'model': build.model,
+      'product': build.product,
+      'supported32BitAbis': build.supported32BitAbis,
+      'supported64BitAbis': build.supported64BitAbis,
+      'supportedAbis': build.supportedAbis,
+      'tags': build.tags,
+      'type': build.type,
+      'isPhysicalDevice': build.isPhysicalDevice,
+      'systemFeatures': build.systemFeatures,
+      'displaySizeInches':
+          ((build.displayMetrics.sizeInches * 10).roundToDouble() / 10),
+      'displayWidthPixels': build.displayMetrics.widthPx,
+      'displayWidthInches': build.displayMetrics.widthInches,
+      'displayHeightPixels': build.displayMetrics.heightPx,
+      'displayHeightInches': build.displayMetrics.heightInches,
+      'displayXDpi': build.displayMetrics.xDpi,
+      'displayYDpi': build.displayMetrics.yDpi,
+    };
+  }
+
+  Map<String, dynamic> _readIosDeviceInfo(IosDeviceInfo data) {
+    return <String, dynamic>{
+      'name': data.name,
+      'systemName': data.systemName,
+      'systemVersion': data.systemVersion,
+      'model': data.model,
+      'localizedModel': data.localizedModel,
+      'identifierForVendor': data.identifierForVendor,
+      'isPhysicalDevice': data.isPhysicalDevice,
+      'utsname.sysname:': data.utsname.sysname,
+      'utsname.nodename:': data.utsname.nodename,
+      'utsname.release:': data.utsname.release,
+      'utsname.version:': data.utsname.version,
+      'utsname.machine:': data.utsname.machine,
+    };
+  }
+
+  Map<String, dynamic> _readLinuxDeviceInfo(LinuxDeviceInfo data) {
+    return <String, dynamic>{
+      'name': data.name,
+      'version': data.version,
+      'id': data.id,
+      'idLike': data.idLike,
+      'versionCodename': data.versionCodename,
+      'versionId': data.versionId,
+      'prettyName': data.prettyName,
+      'buildId': data.buildId,
+      'variant': data.variant,
+      'variantId': data.variantId,
+      'machineId': data.machineId,
+    };
+  }
+
+  Map<String, dynamic> _readWebBrowserInfo(WebBrowserInfo data) {
+    return <String, dynamic>{
+      'browserName': describeEnum(data.browserName),
+      'appCodeName': data.appCodeName,
+      'appName': data.appName,
+      'appVersion': data.appVersion,
+      'deviceMemory': data.deviceMemory,
+      'language': data.language,
+      'languages': data.languages,
+      'platform': data.platform,
+      'product': data.product,
+      'productSub': data.productSub,
+      'userAgent': data.userAgent,
+      'vendor': data.vendor,
+      'vendorSub': data.vendorSub,
+      'hardwareConcurrency': data.hardwareConcurrency,
+      'maxTouchPoints': data.maxTouchPoints,
+    };
+  }
+
+  Map<String, dynamic> _readMacOsDeviceInfo(MacOsDeviceInfo data) {
+    return <String, dynamic>{
+      'computerName': data.computerName,
+      'hostName': data.hostName,
+      'arch': data.arch,
+      'model': data.model,
+      'kernelVersion': data.kernelVersion,
+      'osRelease': data.osRelease,
+      'activeCPUs': data.activeCPUs,
+      'memorySize': data.memorySize,
+      'cpuFrequency': data.cpuFrequency,
+      'systemGUID': data.systemGUID,
+    };
+  }
+
+  Map<String, dynamic> _readWindowsDeviceInfo(WindowsDeviceInfo data) {
+    return <String, dynamic>{
+      'numberOfCores': data.numberOfCores,
+      'computerName': data.computerName,
+      'systemMemoryInMegabytes': data.systemMemoryInMegabytes,
+      'userName': data.userName,
+      'majorVersion': data.majorVersion,
+      'minorVersion': data.minorVersion,
+      'buildNumber': data.buildNumber,
+      'platformId': data.platformId,
+      'csdVersion': data.csdVersion,
+      'servicePackMajor': data.servicePackMajor,
+      'servicePackMinor': data.servicePackMinor,
+      'suitMask': data.suitMask,
+      'productType': data.productType,
+      'reserved': data.reserved,
+      'buildLab': data.buildLab,
+      'buildLabEx': data.buildLabEx,
+      'digitalProductId': data.digitalProductId,
+      'displayVersion': data.displayVersion,
+      'editionId': data.editionId,
+      'installDate': data.installDate,
+      'productId': data.productId,
+      'productName': data.productName,
+      'registeredOwner': data.registeredOwner,
+      'releaseId': data.releaseId,
+      'deviceId': data.deviceId,
+    };
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return MaterialApp(
+      home: Scaffold(
+        appBar: AppBar(
+          title: Text(
+            kIsWeb
+                ? 'Web Browser info'
+                : Platform.isAndroid
+                    ? 'Android Device Info'
+                    : Platform.isIOS
+                        ? 'iOS Device Info'
+                        : Platform.isLinux
+                            ? 'Linux Device Info'
+                            : Platform.isMacOS
+                                ? 'MacOS Device Info'
+                                : Platform.isWindows
+                                    ? 'Windows Device Info'
+                                    : '',
+          ),
+        ),
+        body: ListView(
+          children: _deviceData.keys.map(
+            (String property) {
+              return Row(
+                children: <Widget>[
+                  Container(
+                    padding: const EdgeInsets.all(10.0),
+                    child: Text(
+                      property,
+                      style: const TextStyle(
+                        fontWeight: FontWeight.bold,
+                      ),
+                    ),
+                  ),
+                  Expanded(
+                      child: Container(
+                    padding: const EdgeInsets.fromLTRB(0.0, 10.0, 0.0, 10.0),
+                    child: Text(
+                      '${_deviceData[property]}',
+                      maxLines: 10,
+                      overflow: TextOverflow.ellipsis,
+                    ),
+                  )),
+                ],
+              );
+            },
+          ).toList(),
+        ),
+      ),
+    );
+  }
+}