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

最新推荐文章于 2024-08-08 11:01:14 发布

知识大胖

最新推荐文章于 2024-08-08 11:01:14 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： Flutter开发教程大全文章标签： flutter

本文链接：https://blog.csdn.net/iCloudEnd/article/details/136847092

Flutter开发教程大全专栏收录该内容

269 篇文章 ¥39.90 ¥99.00

订阅专栏

在Flutter中，通过使用Expanded小部件和Row配合MainAxisAlignment.spaceEvenly，可以确保一行按钮具有相同宽度并动态调整。本文详细介绍了实现方法，包括解决文本长度、图标对齐和响应式设计的问题，以创建专业且视觉吸引力强的用户界面。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在 Flutter 中，您可以通过用 widget 包裹按钮来确保一行中的按钮具有相同的宽度Expanded。这是一个演示如何实现此目的的示例：

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Button Width Example'),
        ),
        body: Center(
          child: Row(
            mainAxisAlignment: MainAxisAlignment.spaceEvenly,
            children: [
              Expanded(
                child: ElevatedButton(
                  onPressed: () {
                    // Button onPressed action
                  },
                  child: Text('Button 1'),
                ),
              ),
              Expanded(

了解本专栏