我正在尝试绘制如下图所示的分隔线。
我正在考虑水平添加 5 列,并使用 1 dp 行缩小分隔列。但是,在 Flutter 中,所有列的宽度都相等,这似乎或可能是我错了。
如何绘制如下图所示的行和列分隔符?
这是我正在使用的代码
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: MyHomePage(title: 'Flutter Demo Home Page'),
);
}
}
class MyHomePage extends StatefulWidget {
MyHomePage({Key key, this.title}) : super(key: key);
final String title;
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
@override
Widget build(BuildContext context) {
Widget gridSection = Expanded( …Run Code Online (Sandbox Code Playgroud)