Flutter自定义背景色渐变按钮组件

最新推荐文章于 2025-02-24 17:09:54 发布

技术的搬运工

最新推荐文章于 2025-02-24 17:09:54 发布

阅读量2.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： Flutter

本文链接：https://blog.youkuaiyun.com/IT_Boy_/article/details/105524585

Flutter 专栏收录该内容

16 篇文章 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍如何在Flutter中创建一个自定义的、带有背景颜色渐变的按钮组件。通过示例代码，展示了组件的设计和实现过程。

这是笔者写的第一个 Flutter 自定义组件，在这里和大家分享一下，可能稍微有点粗糙，就当学习使用。

首先我们先来看一下效果图：

代码：

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      child: MaterialApp(
        debugShowCheckedModeBanner: true,
        theme: ThemeData(
          primaryColor: Color.fromRGBO(67, 144, 87, 1.0),
        ),
        home: Scaffold(
          appBar: AppBar(
            centerTitle: true,
            title: Text("自定义背景色渐变 登录按钮 组件"),
          ),
          body: Center(
            // 组件使用