[linting_tool] Add lint rules list (#856)

experimental/linting_tool/lib/widgets/lint_expansion_tile.dart

@@ -0,0 +1,141 @@
+// Copyright 2021 The Flutter team. 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';
+import 'package:flutter_markdown/flutter_markdown.dart';
+import 'package:linting_tool/model/rule.dart';
+import 'package:linting_tool/theme/app_theme.dart';
+import 'package:linting_tool/theme/colors.dart';
+
+class LintExpansionTile extends StatefulWidget {
+  final Rule rule;
+  const LintExpansionTile({
+    required this.rule,
+    Key? key,
+  }) : super(key: key);
+
+  @override
+  _LintExpansionTileState createState() => _LintExpansionTileState();
+}
+
+class _LintExpansionTileState extends State<LintExpansionTile> {
+  var isExpanded = false;
+  @override
+  Widget build(BuildContext context) {
+    var theme = Theme.of(context);
+    var textTheme = theme.textTheme;
+    final rule = widget.rule;
+    final incompatibleString =
+        rule.incompatible.isNotEmpty ? rule.incompatible.join(', ') : 'none';
+    final setsString = rule.sets.isNotEmpty ? rule.sets.join(', ') : 'none';
+    return ExpansionTile(
+      collapsedBackgroundColor: AppColors.white50,
+      title: Text(
+        rule.name,
+        style: textTheme.subtitle1!.copyWith(
+          fontWeight: FontWeight.w700,
+        ),
+      ),
+      subtitle: Text(
+        rule.description,
+        style: textTheme.caption!,
+      ),
+      initiallyExpanded: isExpanded,
+      onExpansionChanged: (value) {
+        setState(() {
+          isExpanded = value;
+        });
+      },
+      expandedAlignment: Alignment.centerLeft,
+      childrenPadding: const EdgeInsets.symmetric(
+        horizontal: 16.0,
+        vertical: 8.0,
+      ),
+      backgroundColor: AppColors.white50,
+      maintainState: true,
+      expandedCrossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        Text.rich(
+          TextSpan(
+            children: [
+              TextSpan(
+                text: 'Group:',
+                style: textTheme.subtitle2,
+              ),
+              TextSpan(
+                text: ' ${rule.group}',
+              ),
+            ],
+          ),
+          textAlign: TextAlign.left,
+        ),
+        Text.rich(
+          TextSpan(
+            children: [
+              TextSpan(
+                text: 'Maturity:',
+                style: textTheme.subtitle2,
+              ),
+              TextSpan(
+                text: ' ${rule.maturity}',
+              ),
+            ],
+          ),
+          textAlign: TextAlign.left,
+        ),
+        Text.rich(
+          TextSpan(
+            children: [
+              TextSpan(
+                text: 'Incompatible:',
+                style: textTheme.subtitle2,
+              ),
+              TextSpan(
+                text: ' $incompatibleString',
+              ),
+            ],
+          ),
+          textAlign: TextAlign.left,
+        ),
+        Text.rich(
+          TextSpan(
+            children: [
+              TextSpan(
+                text: 'Sets:',
+                style: textTheme.subtitle2,
+              ),
+              TextSpan(
+                text: ' $setsString',
+              ),
+            ],
+          ),
+          textAlign: TextAlign.left,
+        ),
+        const SizedBox(
+          height: 16.0,
+        ),
+        MarkdownBody(
+          data: rule.details,
+          selectable: true,
+          styleSheet: AppTheme.buildMarkDownTheme(theme),
+        ),
+        const SizedBox(
+          height: 8.0,
+        ),
+        Align(
+          alignment: Alignment.centerRight,
+          child: ElevatedButton(
+            child: const Text('Add to profile'),
+            onPressed: () {
+              // TODO(abd99): Iplement adding to a profile.
+            },
+          ),
+        ),
+        const SizedBox(
+          height: 16.0,
+        ),
+      ],
+    );
+  }
+}