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

Question

我试图显示这样的数据：

Burger..........................$9.99
Steak and Potato...............$14.99
Mac and Cheese..................$6.99

如何在 Flutter 中实现它？

标签： flutterflutter-layout

Answer 1

作为选项

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'),
        ],
      ),
    );
  }
}