如何更改OutlinedButton的边框颜色

OutlinedButton是一种常用的按钮组件，它具有一个边框，但边框的颜色默认是主题颜色。如果想要更改OutlinedButton的边框颜色，可以通过以下步骤实现：

导入所需的库和组件：

import 'package:flutter/material.dart';

创建一个自定义的主题样式：

final customTheme = ThemeData(
  // 设置主题颜色
  primarySwatch: Colors.blue,
  // 设置OutlinedButton的边框颜色
  outlinedButtonTheme: OutlinedButtonThemeData(
    style: ButtonStyle(
      side: MaterialStateProperty.all<BorderSide>(
        BorderSide(color: Colors.red), // 设置边框颜色为红色
      ),
    ),
  ),
);

在应用程序中使用自定义主题：

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: customTheme, // 使用自定义主题
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('OutlinedButton示例'),
      ),
      body: Center(
        child: OutlinedButton(
          onPressed: () {},
          child: Text('OutlinedButton'),
        ),
      ),
    );
  }
}

通过以上步骤，我们创建了一个自定义主题customTheme，并在其中设置了OutlinedButton的边框颜色为红色。然后在应用程序中使用这个自定义主题，即可实现更改OutlinedButton的边框颜色。

推荐的腾讯云相关产品：腾讯云移动开发平台（https://cloud.tencent.com/product/mwp）提供了丰富的移动开发解决方案，可帮助开发者快速构建高质量的移动应用。