颤动:增加appBar图标高度
颤动是指在应用程序的界面设计中，通过增加appBar图标的高度来产生一种震动的效果。这种效果可以提升用户界面的交互体验，增加动态感，并吸引用户的注意力。
在前端开发中，可以通过CSS或者动画库来实现颤动效果。通过调整appBar图标的高度，可以制造出图标放大、缩小或抖动的效果，给用户一种界面在呼吸、活跃的感觉。
颤动效果可以应用于各种场景，例如在移动应用中，可以用于提醒用户某个重要操作已完成，或者作为某个特殊功能的标识。在网页设计中，颤动效果可以用于吸引用户的注意力，增加页面的活力和趣味性。
腾讯云相关产品中，可以使用腾讯云移动推送服务（Mobile Push）来实现在移动应用中发送推送消息，通过推送消息来触发颤动效果，吸引用户的注意力。腾讯云移动推送服务支持Android和iOS平台，提供丰富的消息推送功能，可以帮助开发者实现各种个性化的推送策略。
腾讯云移动推送服务产品介绍链接地址：https://cloud.tencent.com/product/mpns
相关·内容
我一直在努力寻找一种方法来根据动作图标的大小和填充来适应AppBar的高度。当填充被提供给引导和动作图标时，它们从AppBar中被覆盖。有什么方法可以实现这个功能吗？
浏览 11提问于2021-07-14得票数 0
1回答
颤动RTL AppBar图标位置
、、、、
我要求的是在flutter中的appBar中添加一个图标...我已经激活了本地化属性，所以我的应用现在是RTL localizationsDelegates: [
GlobalMaterialLocalizations.delegate,
GlobalWidgetsLocalizations.delegate,
],
supportedLocales: [
Locale("ar", "AR"), // OR Locale('ar', 'AE') OR Other RTL l
浏览 13提问于2019-03-18得票数 1
回答已采纳
1回答
我想为appBar小部件放置一个图标而不是标题，但我无法设置此图标的适当高度。 ? appBar: PreferredSize(
preferredSize: Size.fromHeight(220.0),
child: AppBar(
title: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Image.asset(
'assets/mobile-phone.png',
fit: BoxFit
浏览 8提问于2019-10-08得票数 1
回答已采纳
11回答
如何在Flutter中获得AppBar的高度？
我使用的是flutter小部件(‘package: MarialApp /Material.dart’)。
我有我的上下文的高度，并想要扣除appbar的高度。
final double height = MediaQuery.of(context).size.height;
浏览 532提问于2018-04-28得票数 56
回答已采纳
2回答
我正在尝试实现以下appbar。我还是个初学者，还不能理解它。 ? Appbar左侧有后退按钮，右侧有信息图标和共享按钮。
浏览 16提问于2021-10-15得票数 0
回答已采纳
我正在尝试创建一个颤振的Tab栏，如下所示：
TabController _controller;
int _selectedIndex = 0;
List<Widget> list = [
Tab(
icon: Image.asset(
'images/dollar_world_grid_selected.png',
width: 50.0,
height: 50.0,
),
chil
浏览 4提问于2020-12-21得票数 0
回答已采纳
我想做一个具有特定高度和宽度的自定义后向箭头，如何在flutter中实现？我尝试用SizedBox和Container包装IconButton，但都不起作用。这是来自Icon(Icons.arrow_back)的当前向后箭头 ? 但我想让它更像这样： ? 箭头的直线比默认箭头的直线稍长，箭头的头部略短。对如何实现这一点有什么建议吗？我是否应该使用另一个图标，或者我是否可以默认自定义已经给出的图标？代码： AppBar(
backgroundColor: Colors.white,
elevation: 0.0,
浏览 12提问于2021-06-30得票数 0
回答已采纳
我花了几个小时尝试让AppBar显示一个具有特定高度的标题。从我所读到的SO等，它是可以做到的，但是我不能实现它，我花了很多时间尝试。我需要让"title:“和"actions:”的高度达到70左右。 根据我执行的各种测试所确定的结果，当AppBar的大小超过某个特定大小时，任何超出的大小都会自动转到“底部”：在我的应用程序中，“底部”就是TabBar。 我在另一个测试中测试了该AppBar的PreferredSize，其中没有"bottom:“，也没有TabBar，程序中分配给AppBar的空间足以显示大标题，但只显示了大字体的标题的一部分。在这种情况下，分配给Ap
浏览 79提问于2019-04-19得票数 3
回答已采纳
2回答
我正在开发一个关于flutter的应用程序，我对ElevatedButton的位置有一个问题。当验证器在TextFormField下方返回错误消息时，小部件会向下展开，add按钮的位置也会发生变化。我想保持添加按钮固定在相同的位置作为应用程序的开始
我的代码：
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text("Lista de Compras"),
backgroundColor: Colors.green,
ce
浏览 1提问于2021-05-15得票数 0
1回答
我的工作是创建一个喜欢的页面。对于每个产品页面，我在应用程序栏上放置一个收藏图标，该图标将更改特定的产品并将其添加到用户的收藏夹中。 按下图标后无法更改图标的状态。 class FoodDetail extends StatefulWidget {
@override
_FoodDetail createState()=> _FoodDetail();
const FoodDetail({Key key}) : super(key: key);
}
class _FoodDetail extends State<FoodDetail>{
@o
浏览 8提问于2020-09-21得票数 0
回答已采纳
2回答
我有一个Flutter项目，它使用材料设计，当我通过路线，appbar将显示后退按钮。最近，我刚刚在我的项目中实现了一个抽屉，抽屉图标覆盖了后退图标。实际上，我想要撤消这一操作，在某些屏幕上显示back按钮，在其他屏幕上显示menu按钮，就像我定义具有showIcon: false属性的抽屉时一样。我知道这个是一个类似的问题，但没有显示该问题或解决方案的代码……我的抽屉是这样的：
return Scaffold(
//appbar is here
appBar: AppBar(
title: Text("Title"),
),
drawer: drawe
浏览 28提问于2019-08-13得票数 3
回答已采纳
2回答
颤动将图标参数作为构造函数传递
、、、、
这是我的设置菜单小工具页面或代码
class Setting extends StatelessWidget {
Setting(this.title);
String title;
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(title),
backgroundColor: Theme.of(context).primaryColor,
),
body
浏览 0提问于2020-08-28得票数 0
只是想知道如何改变OutlineButton的高度？我想这可能也适用于其他类型的按钮。
return Scaffold(
appBar: AppBar(
title: Text('Test'),
actions: <Widget> [
SizedBox(
width: 100.0,
height: 8.0,
child: OutlineButton(
borderSide: BorderSide(width: 4.0)
child: Text(&#
浏览 3提问于2018-05-21得票数 6
回答已采纳
我正在尝试从Laravel php服务器接收数据，并将其显示在Flutter登录屏幕上，该屏幕在成功登录后指向仪表板，但没有数据显示，只有加载图标保持在屏幕上加载。
登录代码如下：
class DashboardState extends State<Dashboard>{
DataBaseHelper dataBaseHelper = new DataBaseHelper();
@override
Widget build(BuildContext context) {
// TODO: implement build
return Material
浏览 11提问于2020-05-30得票数 0
如何在ListView.Separated中设置每个ListTile项的高度？ 在下面的代码中，我使用了ListView.Seperated和ListTile项： Widget _LocationItem(LocationModel location) => Container(
child: Center(
child: ListTile(
title: Text(location.name),
trailing: Icon(Icons.arrow_right),
),
浏览 102提问于2021-07-24得票数 0
我已经在和的帮助下创建了布局，当在Nexus10API24模拟器中测试时，BottomNavigationView显示相互重叠的图标和文本标签。它可以很好地与移动屏幕配合使用。
android.support.design.widget.BottomNavigationView，：BottomNavigationView
底部导航高度：@dimen/_43sdp，相当于移动端56dp，
底部导航图标大小：@dimen/_18sdp，
底部导航文本标签大小：@dimen/_12ssp，
我不能理解哪里出了问题。请给我引路。
布局代码：
<android.support.design.wid
浏览 17提问于2019-11-11得票数 2
3回答
我正在尝试删除flutter中的汉堡抽屉图标，但我找不到任何解决方案。我没有appbar，所以我不能隐藏它改变前导属性。这是我的代码： @override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
drawer: Drawer(
child: Container()
),
body: Container()
),
);
} 编辑:这是图标 ?
浏览 30提问于2019-03-10得票数 1
1回答
颤动，文本到顶部
、、、
我已经开始使用Flutter了一点。
我创建了一个页面，如下所示：
import 'dart:convert';
import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;
import 'package:smooth_star_rating/smooth_star_rating.dart';
import 'package:intl/intl.dart';
class LandOffer extends St
浏览 9提问于2019-08-09得票数 0
回答已采纳
我已经创建了搜索栏，我需要给它添加一个功能，这样每当用户向下滚动时，搜索栏就会变成appbar中的一个图标，可以再次单击以展开。 这是appbar容器 Container(
height: 122,
color: AppColors.kDefaultPink,
child: Padding(
padding: const EdgeInsets.all(10.0),
child: Column(
childr
浏览 14提问于2020-07-14得票数 1
回答已采纳
2回答
如何测量颤动中的特定高度？
、、、、
我不知道如何在flutter中解决这个问题。我想知道的大小没有应用程序栏大小和标签栏大小(向上)。
我使用变量"vertical_size“作为
var vertical_size = (MediaQuery.of(context).size.height -
AppBar().preferredSize.height -
MediaQuery.of(context).padding.top);
(Android现在可以了……)
你有没有使用Mediaquery测量选项卡栏高度的想法？或者有没有测量实际使用面积的想法？
浏览 10提问于2021-02-08得票数 0
3回答
我有一个表单页面。在页面的顶部，我写下表单的名称。但问题是这个名字占用了很多空间(高度)。有没有可能降低这个高度？我的形象：
我的代码
class Form_ttn extends StatefulWidget {
@override
_SettingsScreenState createState() => _SettingsScreenState();
}
class _SettingsScreenState extends State<Form_ttn> {
bool lockInBackground = true;
@override
浏览 0提问于2021-11-03得票数 0
2回答
我是绿色的，我有一个快速的问题，想让检索两个类SearchBar() & HomeView()，但它只允许检索一个类。我知道有些东西缺失了，我想听听你的建议，以便更好地学习。 return Scaffold(
appBar: AppBar(
title: Text(title),
actions: <Widget>[
IconButton(
icon: Icon(
Icons.add_box,
浏览 14提问于2021-02-02得票数 0
回答已采纳
我在断头台上放了个appbar。
return Scaffold(
appBar: styling.appBar(
AppBar(
leading: styling.iconButton(() => Scaffold.of(context).openDrawer(), Icons.menu),
)
),
);
这是iconButton：
ClipRRect iconButton(VoidCallback onPressed, IconData icon) {
return ClipRRect(
borderRadius: Borde
浏览 30提问于2020-02-13得票数 2
2回答
我正在设计一个应用程序，我已经意识到在不同的手机中，屏幕占据了不同的尺寸，我希望大小与手机的大小成比例，这样它就可以始终占据整个屏幕，而不需要滚动。
我希望无论设备的大小如何，Screen A都能看起来像Screen B。
但我不知道该怎么做，这是我的代码。我还注意到，由于卡片我不能滚动，即使有一个ListView，这不是一个问题，一旦他们得到相同的大小，因为那样就没有理由滚动
@override
Widget build(BuildContext context) {
final height = MediaQuery.of(context).size.height
浏览 0提问于2020-12-04得票数 0
2回答
你可以看到图像和按钮之间有很大的空间。我想要做的是把那些按钮放在那个空间里。我试过使用positioned()，但它并没有达到我的要求。
这是我的密码：
import 'package:flutter/material.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
@override
Widget build(BuildContext
浏览 1提问于2022-07-14得票数 0
2回答
我正在尝试使用内含的，但它似乎不能很好地工作。
我想要实现的是裁剪该列的内容，并在存在溢出时显示一条文本消息(如果该列的内容无法在可用空间内显示)。
你有什么建议吗?我该怎么做呢？
import 'package:flutter/material.dart';
void main() => runApp(ContentOverflowDetectionApp());
class ContentOverflowDetectionApp extends StatelessWidget {
@override
Widget build(BuildContext co
浏览 10提问于2019-03-11得票数 19
回答已采纳
我正在寻找一种方法来增加Appbar领先图标的规模。下面是我的代码：
appBar: PreferredSize(
preferredSize: Size.fromHeight(120.0),
child: AppBar(
leading: SizedBox(
width: 200,
height: 200,
child: IconButton(
padding: new
浏览 3提问于2020-04-16得票数 2
回答已采纳
我在flutter中使用了iconfont，但它不能正常工作。 它看起来像一个'X‘like this 我在pubsepc.yaml中定义它： flutter:
uses-material-design: true
fonts:
- family: iconfont
fonts:
- asset: assets/fonts/iconfont.ttf 我是这样使用它的： MaterialApp(
home: Scaffold(
appBar: AppBar(title: Text('data'),),
浏览 13提问于2018-12-29得票数 1
2回答
我想这样设置AppBar的最大宽度： PreferredSize(
preferredSize: Size(500, 200),
child: AppBar(
flexibleSpace: _AppHeader(),
),
) 但这只设置了高度。如何设置宽度？
浏览 25提问于2021-08-21得票数 1
1回答
我让我可以像Instagram一样在帖子中切换心形图标。我实现了它，这样当我切换图标时，用户信息就会被上传到firestore。
“喜欢图标”的“喜欢”和“不喜欢”功能没有问题，但还有一个问题。有一个问题，当切换帖子中的图标时，图标的颜色没有立即改变。当我转到不同的屏幕并返回时，我可以检查此图标是否已更改。
以下是此图标的代码。(我编辑了这段代码)
class LikeToggleIcon extends StatefulWidget {
final String postKey;
final PostModel postModel;
co
浏览 0提问于2021-11-16得票数 0
在我的应用程序中，flutter应用程序在appbar和屏幕主体之间添加了空间。下面是屏幕的图像：
代码如下：
Widget build(BuildContext context) {
// TODO: implement build
return Scaffold(
appBar: AppBar(
automaticallyImplyLeading: true,
title: Container(
height: MediaQuery.of(context).size.width * 0.13,
浏览 3提问于2021-04-07得票数 1
我正在制作一个自定义的AppBar，它的高度比典型的AppBar要大。我还想调整前导小部件/图标的大小，并利用automaticallyImplyLeading的默认行为(这样菜单图标和后退图标就会自动实现)。
这是我认为我会实现的解决方案：
class AppAppBar extends PreferredSize{
AppAppBar(String title) : super(
preferredSize: Size.fromHeight(56.0),
child: AppBar(
centerTitle: true,
title: Text(
浏览 0提问于2018-08-30得票数 8
如何创建从dart对象类(即API )获取数据的水平列表视图 代码如下： return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text("practice"),
),
// child: Text("data")
body:Container(
child: ListView.builder(
scrollDirection: Axis.horizontal
浏览 11提问于2020-06-08得票数 1
6回答
我尝试了几种方法使状态栏图标变暗，但在首页按下并返回应用程序后，状态栏图标是白色的！看起来它的颤动缺陷。 但在iOS中，它工作得很好。 我尝试了以下几种方法： android应用风格： <item name="android:windowLightStatusBar">false</item> AppBar亮度： brightness: Brightness.dark Flutter API： SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle.dark.copyWith(
浏览 61提问于2019-03-18得票数 5
1回答
颤动可滚动布局
、、
我正在做一个颤动布局，里面有几个项目。它是一个包含多个小部件的列，一个包含多个项的网格视图。我想让整个布局可滚动，然而，即使在单个滚动视图中包装了主窗口小部件，它也是不可滚动的，这是代码 class _CustomerDataState extends State<CustomerData> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Customer Data'),
浏览 11提问于2021-03-31得票数 0
回答已采纳
1回答
我已经在我的应用程序中创建了一个聊天。我的问题是，当有人想要在Inputfield中输入时，Inputfield会因为电话键盘而上升，但我的聊天工具不会在Inputfield上方显示最后一条消息。有人知道怎么解决这个问题吗？Chatscreen和Chatscreen with keyboard class Chat extends StatefulWidget {
final String chatRoomId;
Chat({this.chatRoomId});
@override
_ChatState createState() => _ChatState(
浏览 13提问于2020-09-19得票数 0
回答已采纳
这是我的代码，我试图在我的控制台中打印值，以确定它是否工作，它是否正确打印，但它没有显示在文本字段中。当我选择提示文本消失但也没有显示任何东西时，我更改了图标(箭头)的大小，但当我单击它的任何部分时，直到我在角落中单击，才会有任何响应
String _medicationDesc;
List<DropdownMenuItem> getDropDownItem() {
List<DropdownMenuItem> dropDownItems = [];
for (String dose in medcationDose) {
var newItem = DropdownM
浏览 16提问于2021-02-16得票数 0
回答已采纳
3回答
@override
Widget build(BuildContext context) {
final double shortesSide = MediaQuery.of(context).size.shortestSide;
final bool useMobileLayout = shortesSide <= 600.0; //use this for mobile
final Orientation orientation = MediaQuery.of(context).orientation;
return Scaffold(
浏览 0提问于2019-06-07得票数 1
我正在尝试将折叠布局与集成
我试过什么？
向main_actvity.xml中添加折叠条布局
<com.google.android.material.appbar.AppBarLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<com.google.android.material.appbar.CollapsingToolbarLayout
android:id="@+id/col
浏览 0提问于2019-07-19得票数 2
回答已采纳
我正在尝试添加图标按钮在前导的应用程序栏，但图标没有出现在应用程序栏。 下面是我的可重用AppBarWidget代码： class CustomAppBar extends StatelessWidget with PreferredSizeWidget {
final String appBarTitle;
final bool backButton;
final VoidCallback buttonAction;
CustomAppBar({this.appBarTitle, this.backButton, this.buttonAction});
@over
浏览 28提问于2020-09-25得票数 0
回答已采纳
1回答
我正在试着在flutter中制作电子商务应用程序。我想使Appbar透明并具有动画效果，所以我使用Sliverappbar，但如果不向下滚动，我就无法使其透明。
我尝试使用堆栈，但它不工作，并且有错误。我希望appbar透明的时候，它是在顶部和白色时，我向下滚动。
这是我的flutter代码
class _HomePageState extends State<HomePage> {
@override
Widget build(BuildContext context) {
return Scaffold(
extendBodyBehindAppBar
浏览 0提问于2020-04-05得票数 1
2回答
大家好，我是flutter的新手，正在尝试编写我的第一个应用程序，我遇到了Flutter (Dart) RenderFlex溢出像素的问题。 我已经尝试了多种不同的方法来实现这一点，同时仍然使用ListView.Builder，但是，它们都不起作用。完成这项任务的更好方法是什么？ 我的代码在这里，提前感谢您的指导 class Register extends StatefulWidget {
final Function toggleView;
Register({ this.toggleView });
@override
_RegisterState createState() =&
浏览 21提问于2020-04-14得票数 2
回答已采纳
我正在添加一个图像作为图标在appbar的领先位置。但是它的宽度和高度不起作用，我试着把它包装在一个容器里，给出宽度和高度，但不知道为什么它不减少
leading: Padding(
padding: const EdgeInsets.only(left: 5),
child: GestureDetector(
onTap: () {
setState(() {
xOffset = 280;
浏览 0提问于2020-11-25得票数 0
我正在尝试创建一个Flutter应用程序，它有一个带有文本和图标的按钮作为标签，图标放置在文本的右侧。中描述的方法产生了一个看起来奇怪的按钮，它似乎扩展到了应用程序的宽度，请参见此图像(链接，因为我不允许附加图像)：
我不清楚应该使用哪个布局小部件来将text+image按钮调整为纯文本按钮的格式。
生成上述示例的代码如下：
Widget build(BuildContext context) {
return new Scaffold(
appBar: new AppBar(
title: new Text(widget.title),
),
浏览 0提问于2018-06-01得票数 5
回答已采纳
我知道我可以在IconButton中使用AppBar的动作。但是，我希望用户看到“保存”、“回”或“取消”的单词，然后在AppBar中单击它们，而不是图标。我怎样才能做到这一点？下面是显示AppBar的代码的一部分。我想用“保存”代替“保存图标”
return Scaffold(
appBar: AppBar(
leading: IconButton(icon: Icon(Icons.arrow_back),
tooltip: "Cancel and Return to List",
onPressed: () {
N
浏览 1提问于2018-10-09得票数 30
回答已采纳
2回答
我使用BitMapIcon创建了一个appbar按钮。下面是代码
<AppBarButton HorizontalAlignment="Stretch" Label="AppBarButton" VerticalAlignment="Stretch" Background="White" Foreground="White">
<AppBarButton.Icon>
<BitmapIcon UriSource="Assets/work.png"/
浏览 5提问于2014-02-04得票数 3
我对代码代码有这样的错误：
import 'package:flutter/material.dart';
import 'package:yummy/main.dart';
class HomePage extends StatelessWidget {
const HomePage({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return Scaffold(
resizeToAvoidBottomInset: false,
appBar
浏览 0提问于2021-09-14得票数 0
这个错误只发生在我的一个系统中，在这种情况下，如果我尝试为appBar使用函数，它总是显示错误。我曾多次尝试卸载和安装android studio，但似乎都不起作用。
浏览 24提问于2021-06-05得票数 0
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
腾讯云开发者
