Flutter 如何在flatter中用点填充两个文本元素之间的空间

Flutter 如何在flatter中用点填充两个文本元素之间的空间,flutter,flutter-layout,Flutter,Flutter Layout,我试图显示如下数据: Burger..........................$9.99 Steak and Potato...............$14.99 Mac and Cheese..................$6.99 如何在颤振中实现它?作为选项 import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWid

我试图显示如下数据:

Burger..........................$9.99
Steak and Potato...............$14.99
Mac and Cheese..................$6.99
如何在颤振中实现它?

作为选项

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) => MaterialApp(home: Home());
}

class Home extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      body: Row(
        children: [
          Text('Burger'),
          Expanded(child: Text('.' * 100, maxLines: 1)),
          Text('\$9.99'),
        ],
      ),
    );
  }
}

我个人使用fDottedLine包以任何形式绘制虚线

 : Row(
    children: [
      Text('Burger'),
      FDottedLine(
        color: Colors.black,
        width: 160.0,
        strokeWidth: 2.0,
        dottedLength: 10.0,
        space: 2.0,
      ),
      Text('\$9.99'),
    ],
  ),
您必须使用MediaQuery提供动态窗口


请添加一些您已经尝试过的代码!非常感谢,这就是我要找的。