Flutter 中的自定义 AppBar

在 Flutter 中，您可以通过定义一个扩展内置AppBar类的新类来使用自定义 AppBar。下面是如何在 Flutter 中创建自定义 AppBar 的示例：

import 'package:flutter/material.dart';

class CustomAppBar extends StatelessWidget implements PreferredSizeWidget {final String title;final Color backgroundColor;final List<Widget> actions;CustomAppBar({required this.title, required this.backgroundColor, required this.actions});@overrideWidget build(BuildContext context) {return AppBar(title: Text(title),backgroundColor: backgroundColor,actions: actions,);}@overrideSize get preferredSize => Size.fromHeight(kToolbarHeight);
}

在此示例中，我们创建了一个新类CustomAppBar，它扩展AppBar并实现了PreferredSizeWidget. 我还定义了一些自定义属性，例如title、backgroundColor，并且actions可以在创建自定义 AppBar 的新实例时传入。

要在您的 Flutter 应用程序中使用此自定义 AppBar，您只需创建该类的新实例CustomAppBar并传入所需的属性即可。这是一个例子：

Flutter 中的自定义 AppBar相关推荐

flutter中使用自定义字体(fontFamily)
flutter中使用自定义字体(fontFamily) 首先下载一下测试用的字体,我用是在谷歌下载的,Dancing_Script 字体为了便于大家使用,我将字体文件上传到了CSDN上,可以免费下载 ...
Flutter 中使用自定义字体
文章目录 1. 导入字体文件 2. 在 pubspec.yaml 中声明字体 2.1 pubspec.yaml 选项的定义 3. 设置默认字体 4. 将字体用于特定 Widget 4.1 字体样式完 ...
在Flutter中使用自定义字体，等宽字体
## 1.使用场景音乐播放进度展示,播放过程中当前时间变化,由于时间的位数和各数字之间的宽度不固定,导致中间的进度条位置会抖动. ![](images\播放进度不等宽.png) ## 2.使用开源的 ...
Flutter中解决自定义阿里妈妈图标一直显示不出来的问题
前些天发现了一个蛮有意思的人工智能学习网站,8个字形容一下"通俗易懂,风趣幽默",感觉非常有意思,忍不住分享一下给大家.
[flutter专题]详解AppBar小部件
大家好,我是坚果,公众号"坚果前端" AppBar 应用栏是各种应用程序中最常用的组件之一.它可用于容纳搜索字段.以及在页面之间导航的按钮,或者只是页面标题.由于它是一个如此常用的 ...
WinJS实用开发技巧（4）：Appbar中使用自定义图片
在WinJS中,我们可以使用系统提供的Appbar图标,下图是所有系统自带图片的截图但有时我们有用到自定义的图标,那么如何在WinJS中使用自定义的图标呢. 我们最终制作的图片为(160*80): ...
在 Flutter 中自定义画笔 Painter
在 Flutter 中自定义画笔 Painter 前言今天我们将讨论定制 Painter,首先我们将看看什么时候使用定制 Painter,定制 Painter 是如何工作的,最后但并非最不重要的是, ...
Flutter中自定义提示框
1. 弹出提示框定义模态框组件,代码如下: import 'package:flutter/material.dart'; class MyDialog extends Dialog{final S ...
【Flutter】自定义 Flutter 组件 ( 创建自定义 StatelessWidget、StatefulWidget 组件 | 调用自定义组件 )
文章目录一.Flutter 组件简介二.Flutter 自定义 StatelessWidget 组件流程 1.导入父类包 2.选择继承的父类 3.设置成员变量及构造函数 4.重写 build 方法 ...

Flutter 中的自定义 AppBar

Flutter 中的自定义 AppBar相关推荐

最新文章

热门文章