Support customizing colors for rows in DataTable (#60764)

packages/flutter/lib/src/material/ink_well.dart

@@ -503,7 +503,7 @@ class InkResponse extends StatelessWidget {
   /// See also:
   ///
   ///  * The Material Design specification for overlay colors and how they
-  ///    to a component's state:
+  ///    match a component's state:
   ///    <https://material.io/design/interaction/states.html#anatomy>.
   final MaterialStateProperty<Color> overlayColor;
 

packages/flutter/test/material/data_table_test.dart

@@ -8,6 +8,7 @@ import 'package:flutter/gestures.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_test/flutter_test.dart';
 
+import '../rendering/mock_canvas.dart';
 import 'data_table_test_utils.dart';
 
 void main() {
@@ -1036,4 +1037,144 @@ void main() {
     // after the view is destroyed, which causes exceptions.
     await tester.pumpAndSettle(const Duration(seconds: 1));
   });
+
+  testWidgets('DataRow renders custom colors when selected', (WidgetTester tester) async {
+    const Color selectedColor = Colors.green;
+    const Color defaultColor = Colors.red;
+
+    Widget buildTable({bool selected = false}) {
+      return Material(
+        child: DataTable(
+          columns: const <DataColumn>[
+            DataColumn(
+              label: Text('Column1'),
+            ),
+          ],
+          rows: <DataRow>[
+            DataRow(
+              selected: selected,
+              color: MaterialStateProperty.resolveWith<Color>(
+                    (Set<MaterialState> states) {
+                  if (states.contains(MaterialState.selected))
+                    return selectedColor;
+                  return defaultColor;
+                },
+              ),
+              cells: const <DataCell>[
+                DataCell(Text('Content1')),
+              ],
+            ),
+          ],
+        ),
+      );
+    }
+
+    BoxDecoration lastTableRowBoxDecoration() {
+      final Table table = tester.widget(find.byType(Table));
+      final TableRow tableRow = table.children.last;
+      return tableRow.decoration as BoxDecoration;
+    }
+
+    await tester.pumpWidget(MaterialApp(
+      home: buildTable(),
+    ));
+    expect(lastTableRowBoxDecoration().color, defaultColor);
+
+    await tester.pumpWidget(MaterialApp(
+      home: buildTable(selected: true),
+    ));
+    expect(lastTableRowBoxDecoration().color, selectedColor);
+  });
+
+  testWidgets('DataRow renders custom colors when disabled', (WidgetTester tester) async {
+    const Color disabledColor = Colors.grey;
+    const Color defaultColor = Colors.red;
+
+    Widget buildTable({bool disabled = false}) {
+      return Material(
+        child: DataTable(
+          columns: const <DataColumn>[
+            DataColumn(
+              label: Text('Column1'),
+            ),
+          ],
+          rows: <DataRow>[
+            DataRow(
+              cells: const <DataCell>[
+                DataCell(Text('Content1')),
+              ],
+              onSelectChanged: (bool value) {},
+            ),
+            DataRow(
+              color: MaterialStateProperty.resolveWith<Color>(
+                    (Set<MaterialState> states) {
+                  if (states.contains(MaterialState.disabled))
+                    return disabledColor;
+                  return defaultColor;
+                },
+              ),
+              cells: const <DataCell>[
+                DataCell(Text('Content2')),
+              ],
+              onSelectChanged: disabled ? null : (bool value) {},
+            ),
+          ],
+        ),
+      );
+    }
+
+    BoxDecoration lastTableRowBoxDecoration() {
+      final Table table = tester.widget(find.byType(Table));
+      final TableRow tableRow = table.children.last;
+      return tableRow.decoration as BoxDecoration;
+    }
+
+    await tester.pumpWidget(MaterialApp(
+      home: buildTable(),
+    ));
+    expect(lastTableRowBoxDecoration().color, defaultColor);
+
+    await tester.pumpWidget(MaterialApp(
+      home: buildTable(disabled: true),
+    ));
+    expect(lastTableRowBoxDecoration().color, disabledColor);
+  });
+
+  testWidgets('DataRow renders custom colors when pressed', (WidgetTester tester) async {
+    const Color pressedColor = Color(0xff4caf50);
+    Widget buildTable() {
+      return DataTable(
+        columns: const <DataColumn>[
+          DataColumn(
+            label: Text('Column1'),
+          ),
+        ],
+        rows: <DataRow>[
+          DataRow(
+            color: MaterialStateProperty.resolveWith<Color>(
+              (Set<MaterialState> states) {
+                if (states.contains(MaterialState.pressed))
+                  return pressedColor;
+                return Colors.transparent;
+              },
+            ),
+            onSelectChanged: (bool value) {},
+            cells: const <DataCell>[
+              DataCell(Text('Content1')),
+            ],
+          ),
+        ]
+      );
+    }
+
+    await tester.pumpWidget(MaterialApp(
+      home: Material(child: buildTable()),
+    ));
+
+    final TestGesture gesture = await tester.startGesture(tester.getCenter(find.text('Content1')));
+    await tester.pump(const Duration(milliseconds: 200)); // splash is well underway
+    final RenderBox box = Material.of(tester.element(find.byType(InkWell))) as RenderBox;
+    expect(box, paints..circle(x: 64.0, y: 24.0, color: pressedColor));
+    await gesture.up();
+  });
 }