flutter 自定义组件

最新推荐文章于 2023-12-20 10:35:10 发布

csdnwr

最新推荐文章于 2023-12-20 10:35:10 发布

阅读量3.3k

点赞数

分类专栏： flutter

本文链接：https://blog.csdn.net/csdnwr/article/details/90025049

版权

本文介绍如何在Flutter中创建自定义的RaisedButton组件，通过复用代码简化页面构建，提供了一个简单的实现示例，包括组件的样式配置和点击事件处理。

摘要由CSDN通过智能技术生成

写了两天的flutter，发现控件样式很多，flutter资源很少，本文在于实用性，可以减少页面代码，复用代码

页面只需引用

 child: MyRaisedButton(onPress: onPressFirstBtn, text: "haha"),
    );
  }

  void onPressFirstBtn() {
    Navigator.push(
      context,
      MaterialPageRoute(builder: (context) => WalkingPad()),
//                    TextPage()),
    );
  }

import 'package:flutter/material.dart';

class MyRaisedButton extends RaisedButton {
  @required
  VoidCallback onPress;
  String text = "";

  MyRaisedButton({this.onPress, this.text});

  @override
  // TODO: implement color
  Color get color => Colors.grey;

  @override
  // TODO: implement textColor
  Color get textColor => Colors.white;

  @override
  // TODO: implement child
  Widget get child => Text(
        text,
        style: TextStyle(fontSize: 20, color: Colors.white),
      );

  @override
  // TODO: implement textTheme
  Button