[英]Flutter: Is there any way to change the row line color of DataTable?
我在最近的應用程序中使用DataTable
,我需要更改行線的顏色或使其不可見(我的意思是我不希望我的表顯示任何行線)
如果有人知道請幫忙! 謝謝
使用主題小部件並覆蓋dividerColor ,如下所示。
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: MyHomePage(),
);
}
}
class MyHomePage extends StatefulWidget {
@override
State<StatefulWidget> createState() {
return _MyHomePageState();
}
}
class _MyHomePageState extends State<MyHomePage> {
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: Theme(
data: Theme.of(context).copyWith(
dividerColor: Colors.green
),
child: DataTable(
columns: [
DataColumn(label: Text('Language')),
DataColumn(label: Text('Year'))
],
rows: [
DataRow(
cells: [
DataCell(Text('Go')),
DataCell(Text('2009'))
],
),
DataRow(
cells: [
DataCell(Text('Dart')),
DataCell(Text('2018'))
],
),
DataRow(
cells: [
DataCell(Text('Java')),
DataCell(Text('1992'))
],
),
]
),
),
),
);
}
}
如果您仍在尋找答案,這里是代碼
return DataRow.byIndex(
index: row.key,
color: MaterialStateColor.resolveWith(
(states) {
if (row.key % 2 == 0) {
return Colors.blue[50];
} else {
return Colors.white;
}
},
),
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.