Flutter技巧之在Flutter中使一行按钮具有相同的宽度。

在Flutter中，要使一行中的多个按钮具有相同的宽度，可以使用Flexible小部件和List.generate构造函数来生成一系列等宽的按钮。以下是一个简单的示例代码：

import 'package:flutter/material.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: ButtonRow(),
        ),
      ),
    );
  }
}
 
class ButtonRow extends StatelessWidget {
  final int numberOfButtons = 5; // 需要的按钮数量
 
  @override
  Widget build(BuildContext context) {
    return Row(
      children: List.generate(numberOfButtons, (index) {
        return Expanded( // 使用Expanded来使按钮等宽
          child: RaisedButton(
            child: Text('Button $index'),
            onPressed: () {},
          ),
        );
      }),
    );
  }
}

在这个例子中，ButtonRow类生成了一个Row，其中包含了五个RaisedButton。每个RaisedButton都被Expanded小部件包裹，这样它们会自动占据等量的水平空间。通过调整numberOfButtons变量，可以轻松控制按钮的数量。