Flutter 颤振大纲按钮：设置禁用的颜色

在我的颤振应用程序中，我有一个圆角的轮廓按钮：

OutlinedButton(
  child: Text(
    "a label",
  ),
  onPressed: () {
     // do something
  },
  style: OutlinedButton.styleFrom(
    primary: Colors.white,
    backgroundColor: MyColor.colorAccent,
    shape: const RoundedRectangleBorder(
      borderRadius: BorderRadius.all(
        Radius.circular(10),
      ),
    ),
  ),
)

---

现在我需要为禁用状态设置按钮样式，但我不需要知道如何使用此小部件（在EevetedButton上，我使用MaterialStateProperty.resolveWith作为背景色，但它不适合OutlineButton）

这不是最佳做法，但您可以这样做

bool? _isdisabled ;
//null check , if u are on an older version of dart of you want to declare it just do this :
bool _isdisabled = false;
 
OutlinedButton(
  child: Text(
    "a label",
  ),
  onPressed: () {
     // do something
  },
  style:_isdisabled==false? OutlinedButton.styleFrom(
    primary: Colors.white,
    backgroundColor: MyColor.colorAccent,
    shape: const RoundedRectangleBorder(
      borderRadius: BorderRadius.all(
        Radius.circular(10),
      ),
    ),
  ): //another style ,
)

---

这不是最好的做法，但你可以这样做

bool? _isdisabled ;
//null check , if u are on an older version of dart of you want to declare it just do this :
bool _isdisabled = false;
 
OutlinedButton(
  child: Text(
    "a label",
  ),
  onPressed: () {
     // do something
  },
  style:_isdisabled==false? OutlinedButton.styleFrom(
    primary: Colors.white,
    backgroundColor: MyColor.colorAccent,
    shape: const RoundedRectangleBorder(
      borderRadius: BorderRadius.all(
        Radius.circular(10),
      ),
    ),
  ): //another style ,
)

---

我不知道这个代码示例是否能帮助回答您的问题，先生

import 'package:flutter/material.dart';

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

class MyApp extends StatefulWidget {
  // This widget is the root of your application.
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  bool isEnableButton = true;
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: Scaffold(
        body: Center(
          child: Container(
            child: OutlinedButton(
              child: Text(
                "a label",
              ),
              onPressed: () {
                setState(() {
                  if (isEnableButton) {
                    isEnableButton = false;
                  } else {
                    isEnableButton = true;
                  }
                });
              },
              style:
                  isEnableButton ? enableButtonStyle() : disableButtonStyle(),
            ),
          ),
        ),
      ),
    );
  }

  dynamic disableButtonStyle() {
    return OutlinedButton.styleFrom(
      primary: Colors.black,
      backgroundColor: Colors.grey,
      shape: const RoundedRectangleBorder(
        borderRadius: BorderRadius.all(
          Radius.circular(10),
        ),
      ),
    );
  }

  dynamic enableButtonStyle() {
    return OutlinedButton.styleFrom(
      primary: Colors.black,
      backgroundColor: Colors.green,
      shape: const RoundedRectangleBorder(
        borderRadius: BorderRadius.all(
          Radius.circular(10),
        ),
      ),
    );
  }
}

导入“包装：颤振/材料.省道”；
void main（）{
runApp（MyApp（））；
}
类MyApp扩展了StatefulWidget{
//此小部件是应用程序的根。
@凌驾
_MyAppState createState（）=>\u MyAppState（）；
}
类MyAppState扩展了状态{
bool isEnableButton=true；
@凌驾
小部件构建（构建上下文）{
返回材料PP(
标题：“颤振演示”，
主题：主题数据(
主样本：颜色。蓝色，
),
家：脚手架(
正文：中(
子：容器(
子：大纲显示按钮(
子：文本(
“标签”，
),
已按下：（）{
设置状态（）{
如果（isEnableButton）{
isEnableButton=false；
}否则{
isEnableButton=true；
}
});
},
风格：
isEnableButton？enableButtonStyle（）：disableButtonStyle（），
),
),
),
),
);
}
动态禁用按钮样式（）{
返回OutlinedButton.styleFrom(
原色：颜色。黑色，
背景颜色：颜色。灰色，
形状：const RoundedRectangleBorder(
borderRadius:borderRadius.all(
圆形半径（10），
),
),
);
}
动态启用按钮样式（）{
返回OutlinedButton.styleFrom(
原色：颜色。黑色，
背景颜色：Colors.green，
形状：const RoundedRectangleBorder(
borderRadius:borderRadius.all(
圆形半径（10），
),
),
);
}
}

先生，我不知道这个代码示例是否有助于回答您的问题

import 'package:flutter/material.dart';

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

class MyApp extends StatefulWidget {
  // This widget is the root of your application.
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  bool isEnableButton = true;
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: Scaffold(
        body: Center(
          child: Container(
            child: OutlinedButton(
              child: Text(
                "a label",
              ),
              onPressed: () {
                setState(() {
                  if (isEnableButton) {
                    isEnableButton = false;
                  } else {
                    isEnableButton = true;
                  }
                });
              },
              style:
                  isEnableButton ? enableButtonStyle() : disableButtonStyle(),
            ),
          ),
        ),
      ),
    );
  }

  dynamic disableButtonStyle() {
    return OutlinedButton.styleFrom(
      primary: Colors.black,
      backgroundColor: Colors.grey,
      shape: const RoundedRectangleBorder(
        borderRadius: BorderRadius.all(
          Radius.circular(10),
        ),
      ),
    );
  }

  dynamic enableButtonStyle() {
    return OutlinedButton.styleFrom(
      primary: Colors.black,
      backgroundColor: Colors.green,
      shape: const RoundedRectangleBorder(
        borderRadius: BorderRadius.all(
          Radius.circular(10),
        ),
      ),
    );
  }
}

导入“包装：颤振/材料.省道”；
void main（）{
runApp（MyApp（））；
}
类MyApp扩展了StatefulWidget{
//此小部件是应用程序的根。
@凌驾
_MyAppState createState（）=>\u MyAppState（）；
}
类MyAppState扩展了状态{
bool isEnableButton=true；
@凌驾
小部件构建（构建上下文）{
返回材料PP(
标题：“颤振演示”，
主题：主题数据(
主样本：颜色。蓝色，
),
家：脚手架(
正文：中(
子：容器(
子：大纲显示按钮(
子：文本(
“标签”，
),
已按下：（）{
设置状态（）{
如果（isEnableButton）{
isEnableButton=false；
}否则{
isEnableButton=true；
}
});
},
风格：
isEnableButton？enableButtonStyle（）：disableButtonStyle（），
),
),
),
),
);
}
动态禁用按钮样式（）{
返回OutlinedButton.styleFrom(
原色：颜色。黑色，
背景颜色：颜色。灰色，
形状：const RoundedRectangleBorder(
borderRadius:borderRadius.all(
圆形半径（10），
),
),
);
}
动态启用按钮样式（）{
返回OutlinedButton.styleFrom(
原色：颜色。黑色，
背景颜色：Colors.green，
形状：const RoundedRectangleBorder(
borderRadius:borderRadius.all(
圆形半径（10），
),
),
);
}
}