开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Material Component FloatingActionButton中的shapeAppearance导致崩溃

。

Material Component FloatingActionButton是一种用于创建浮动操作按钮的UI组件，它遵循Material Design的设计准则，提供了一致的外观和交互体验。

shapeAppearance是FloatingActionButton的一个属性，用于定义按钮的形状和圆角半径。通过设置shapeAppearance属性，可以改变按钮的外观，使其具有不同的形状和圆角效果。

然而，如果在设置shapeAppearance属性时出现错误或不支持的值，可能会导致应用程序崩溃。这种崩溃可能是由于无效的形状定义、错误的圆角半径或其他不正确的配置导致的。

为了解决这个问题，可以采取以下步骤：

检查代码：检查你的代码中是否正确设置了shapeAppearance属性，并确保传递的值是有效的。可以参考相关文档或示例代码来了解正确的用法。
更新依赖库：确保你使用的Material Components库是最新版本。有时，旧版本的库可能存在一些已知的问题或错误，通过更新库可以修复这些问题。
调试崩溃日志：如果应用程序崩溃时生成了日志，可以查看日志以获取更多详细信息。日志可能包含有关崩溃原因的线索，例如无效的形状定义或其他相关错误。
提交问题报告：如果以上步骤都无法解决问题，可以向Material Components的开发团队提交问题报告。在报告中提供尽可能详细的信息，包括复现步骤、相关代码和崩溃日志，以便开发团队能够更好地理解和解决问题。

腾讯云相关产品和产品介绍链接地址：

腾讯云移动开发平台：https://cloud.tencent.com/product/mpp
腾讯云云原生应用引擎：https://cloud.tencent.com/product/tke
腾讯云数据库服务：https://cloud.tencent.com/product/cdb
腾讯云服务器运维：https://cloud.tencent.com/product/cvm
腾讯云音视频处理：https://cloud.tencent.com/product/mps
腾讯云人工智能：https://cloud.tencent.com/product/ai
腾讯云物联网平台：https://cloud.tencent.com/product/iotexplorer
腾讯云存储服务：https://cloud.tencent.com/product/cos
腾讯云区块链服务：https://cloud.tencent.com/product/baas
腾讯云元宇宙服务：https://cloud.tencent.com/product/vr

相关搜索:AndroidFragment中的On allow权限会导致应用程序崩溃吗？Android中的Try/catch Kotlin协程导致崩溃 appdelegate中的计时器导致崩溃 Helm mysql.initializationFiles中的Db迁移导致pod崩溃 SetNeedsDisplay导致TouchesMoved事件中的应用程序崩溃不会导致应用程序崩溃的任务中的异常使用$resource query()中的参数导致AngularJS应用程序崩溃修复由于OpenSSL中的SIGILL而导致的崩溃在安卓系统中，使用Material Design Component中暴露的下拉菜单时，AutoCompleteTextView不会居中在片段的onActivityCreated中设置textview文本会导致崩溃

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

再不迁移到Material Design Components 就out啦

要恢复为旧的文本字段可以在布局中添加样式 <com.google.android.material.textfield.TextInputLayout ... + style="@style...Widget.Design.FloatingActionButton Widget.MaterialComponents.FloatingActionButton floatingActionButtonStyle...Material Design color system 中绘制。...Shape ShapeAppearance styles/attributes Shape（ Material Design shape system）是用来处理 MDC 控件的边角的一种方式，分成了小...，中，大这些合适的样式属性来自 ShapeAppearance.* styles。

3.1K3 0

Android ShapeableImageView使用详解，告别shape、三方库

，需要用到app:shapeAppearance，后面会说 cornerFamily 角的处理方式，rounded圆角，cut裁剪 cornerSize 圆角大小圆 <com.google.android.material.imageview.ShapeableImageView...ShapeAppearanceModel 这个类就厉害了，有点像Flutter中的Decoration，可以构建出花里胡哨的效果。..."> @dimen/mtrl_shape_corner_size_medium_component 哦豁，看到了熟悉的属性...cornerSize，藏的还挺深，继续看看数值是多少 4dp 默认4dp。...组件使用详解 Android Notes｜玩转 ShapeableImageView Material Components——Shape的处理

1.6K1 0

iOS中解决后台返回的null导致的崩溃问题--NullSafe

然而不怕一万，就怕万一，总会有万一的情况，而这种情况还是出现在了上线之后，一旦返回null就会让App崩溃。后来和后台沟通了一下为什么会返回null，并且希望后台不要返回null。...我们的后台使用PHP写的，后台开发人员告诉我，PHP是弱语法，返回的null也是自动生成的，有时返回的是null，有时返回的是“null”字符串，而有时返回的是“”空字符串。...于是上网查查是否有人也遇到过类似的问题，以及别人是怎么解决的，没想到真有人也遇到过这种问题，并且有解决方法。解决后台返回的null导致的崩溃问题就是在项目中导入一个分类：NullSafe。...这个分类是一个外国的哥们写的，这个分类大概的作用就是将发送给null对象的消息发送给nil，这样就不会崩溃了。下面的话都是网上的话，我只是重复一遍。...当我们给null发送消息的时候，会发生崩溃，而给nil发送消息不回发生崩溃。

2.1K3 0

Material Components——ShapeableImageView

书接前文，我们讲了在MD Component中的MaterialShapeDrawable，今天则继续讲解在此基础上，MDC封装的一个Image组件——ShapeableImageView。...implementation 'com.google.android.material:material:' 首先，需要在xml中引入ShapeableImageView，并指定shapeAppearanceOverlay...Round Cut 在style中的内容即为需要处理的效果，这里指定了Corner的处理效果类型为rounded，同时指定了Corner大小为Image的10%（当然你也可以指定其它单位）。...在代码中的处理应该更为常用，而且从这里我们也可以发现，ShapeableImageView实际上就是采用的ShapeAppearanceModel来进行Shape的处理的。...混合多种效果，在Style中可以和具体指定的Corner混合作用，产生不同的效果，代码如下所示。

9163 0

Android Material UI控件之ShapeableImageView

Android Material UI控件之ShapeableImageView 前言你有使用过Material中的UI控件吗？为什么要使用它们，相对于原来的控件优势在哪里？ ...你可能会使用第三方库，Glide或者CircleImageView等一些开源库，或者你会自定义ImageView来实现，那么如果我告诉你Material 中的ImageView可以不需要自定义和使用第三方库就能够实现圆形图片或其他一些形状的图片呢...因为我是打算写一个Material UI系列文章的,所以我会新建一个项目。在app下的build.gradle中的dependencies闭包中增加如下依赖，然后Sync，同步到项目中。...当然还有不同的用法。刚才我设置样式中的cornerSize的属性值为24dp。cornerFamily的属性值为rounded。表示有弧度。那么假如我要变成圆角图片呢？...当然木有，我相信从上述的使用过程中，你已经知道怎么设置相应的样式来显示效果了，但是还是得说明一下，各个样式代表的意思，那么去哪里看呢？当然是源码啦。

1.9K4 1

Material Design Compoents 1.1.0

Material Theming Material Theming 可以让你更好的自定义 Material Design 来体现我们的品牌、颜色、字体和形状的选择。...MDC 1.1.0 在您的 Android 应用中启用 Material Theming 。... 新组件 Material Components 库中有很多新的组件添加到了 MDC 1.1.0 中。...Android 10 手势支持手势导航是在 Android10 中引入的。某些 MDC 组件常常处于主手势的区域（比如，BottomNavigationView 以及从底部向上滑动的原始手势）。...Accessibility improvements 许多可 accessibility 改进已经加入到 MDC 组件中。这主要包含更好的 "话语提示" 在有用的内容描述、功能和各部分的排序。

1.1K1 0

JetPack Material Design 组件简单介绍

基于最新的 com.google.android.material:material:1.4.0-alpha01。...android:layout_height="match_parent" tools:context=".MainActivity"> <com.google.android.material.floatingactionbutton.FloatingActionButton...backgroundTint 前面必须是app，不然不会生效，具体看代码，里面是空的 android:src 设置的icon，如果没有 fabCustomSize 会导致位置偏移。...但是如果不设置 wrap_content，比如固定值，会导致 icon 出现细小的偏移 ?...Chip 就是布局中的每个item。

1.9K2 0

Flutter 组件集录 | 从图标按钮看组件封装

这难道不是导致 Flutter 组件数量庞大的 "元凶" 吗？对于编程者来说，写重复代码是很反感的。试想一下，如果不用 BackButtonIcon 来封装这个构建逻辑。...---- 最后说一下 useMaterial3 的处理, 在 IconButton#build 方法中，通过 Theme 数据的 useMaterial3 属性校验是否启用 Material3 ：通过启用...---- 4、FloatingActionButton 组件 FloatingActionButton 一般来说是使用在 Scaffold 的 floatingActionButton 属性中。...regular, small, large, extended, } regular small large 其中 extended 是 material3 中的风格，是圆角按钮，可以在官网的...extended-fab 中查看详情，也可以在该网站中看一下其他 material3 的风格： ---- 它继承自 StatelessWidget ，表明它是基于已有组件封装构建逻辑，从而形成的新组件

1.1K1 0

《深入浅出Dart》Flutter之Material和Cupertino组件

现代JavaScript高级小册深入浅出Dart 现代TypeScript高级小册 Material和Cupertino组件在本篇文章中，我们将使用官方最新的Dart语法和新知识，详细介绍Flutter...中的Material Design和Cupertino风格组件。...FloatingActionButton组件 FloatingActionButton是一个浮动的圆形按钮，常用于触发应用程序中的主要操作。...以下是一个简单的FloatingActionButton示例： FloatingActionButton( onPressed: () { // 执行操作 }, child: Icon...参考资料要深入了解Flutter中的Material Design和Cupertino风格组件，可以参考以下官方资源和文档： Flutter官方文档 Material Design组件文档 Cupertino

2832 0

01-HelloFlutter

Flutter中文网 https://book.flutterchina.club/chapter2/ import 'package:flutter/material.dart'; // 导入了Material...book.flutterchina.club/chapter2/first_flutter_app.html void main() => runApp(MyApp()); // 页面入口 // 在Flutter中，...库中提供的页面脚手架，它包含导航栏和Body以及FloatingActionButton appBar: AppBar( title: Text(widget.title),...: Icon(Icons.add), ), ); } } // 当右下角的floatingActionButton按钮被点击之后，会调用_incrementCounter //...在_incrementCounter中，首先会自增_counter计数器（状态） // 然后setState会通知Flutter框架状态发生变化 // Flutter会调用build方法以新的状态重新构建

3443 0

Flutter基础widgets教程-Scaffold篇

1 Scaffold Scaffold 翻译过来就是脚手架的意思，它实现了基本的 Material Design 可视化布局结构。...此类提供了用于显示drawer、snackbar和底部sheet的API。简单的说，Scaffold就是一个提供 Material Design 设计中基本布局的 widget。...2 构造函数 Scaffold({ Key key, this.appBar, this.body,undefined this.floatingActionButton, this.floatingActionButtonLocation...AppBar appBar: AppBar( title: Text( "Flutter Demo" ), ), 3.2 body：当前界面所显示的主要内容 Widget..., ), 3.5 floatingActionButton：定义浮动在 body 右下角的组件 floatingActionButton: FloatingActionButton(

40416 15

Flutter基础widgets教程-Scaffold篇

1 Scaffold Scaffold 翻译过来就是脚手架的意思，它实现了基本的 Material Design 可视化布局结构。...此类提供了用于显示drawer、snackbar和底部sheet的API。简单的说，Scaffold就是一个提供 Material Design 设计中基本布局的 widget。...2 构造函数 Scaffold({ Key key, this.appBar, this.body,undefined this.floatingActionButton, this.floatingActionButtonLocation...AppBar appBar: AppBar( title: Text( "Flutter Demo" ), ), 3.2 body：当前界面所显示的主要内容 Widget..., ), 3.5 floatingActionButton：定义浮动在 body 右下角的组件 floatingActionButton: FloatingActionButton(

71116 15

将content_main.xml 的布局嵌入activity_main布局中

> 这行代码将content_main.xml 的布局嵌入activity_main布局中。...content_main.xml的代码为： <?xml version="1.0" encoding="utf-8"?

6080 0

Flutter中获取屏幕及Widget的宽高示例代码

前言我们平时在开发中的过程中通常都会获取屏幕或者 widget 的宽高用来做一些事情，在 Flutter 中，我们有两种方法来获取 widget 的宽高。...从错误异常中我们可以大概了解到有两种情况会导致上述异常：当没有 WidgetsApp or MaterialApp 的时候，我们使用 MediaQuery.of(context) 来获取数据。...: FloatingActionButton( onPressed: _getWH, child: Icon(Icons.adjust), ), ); } } 上述代码中，我们将声明的...globalKey 设置给了 Container ，当我们点击页面中的 FloatingActionButton 的时候，就会使用 globalKey 来获取 Container 的宽高，也就是_getWH...() 中执行的代码。

3.1K2 0

【Flutter 专题】61 图解基本 Button 按钮小结 (一)

Button 在日常中是必不可少的，和尚尝试过不同类型的 Button，也根据需求自定义过，今天和尚系统的学习一下最基本的 Button； Flutter 中没有 Button Widget，但提供了很多不同类型的...RawMaterialButton 系列 RawMaterialButton RawMaterialButton 是 MaterialButton 的基础，核心是由 Material 和 InkWell...为缩小到 Material 提供的最小尺寸； mini: true, materialTapTargetSize: MaterialTapTargetSize.shrinkWrap, ?...FloatingActionButton 提供了 .extended 方式创建代表标签样式的，非正方形的按钮样式；其余属性无差； floatingActionButton: FloatingActionButton.extended...SizeBox 与 FittedBox 约束方式不同，只是整体范围变大，其内部按钮按 Material 建议样式展示； // 方式三 floatingActionButton: SizedBox(

1.4K2 1

Flutter实现页面切换后保持原页面状态的3种方法

前言：在Flutter应用中，导航栏切换页面后默认情况下会丢失原页面状态，即每次进入页面时都会重新初始化状态，如果在initState中打印日志，会发现每次进入时都会输出，显然这样增加了额外的开销，...它拥有一个固定的底部导航以及首页的顶部导航，可以看到不管是点击底部导航切换页面还是在首页左右侧滑切换页面，之前的页面状态都是始终维持的，下面就具体介绍下如何在flutter中实现类似喜马拉雅的导航效果...第一步：实现固定的底部导航在通过flutter create生成的项目模板中,我们先简化一下代码，将MyHomePage提取到一个单独的home.dart文件，并在Scaffold脚手架中添加bottomNavigationBar...底部导航，在body中展示当前选中的子页面。...然而，如果你的代码和我上面的类似，body中并没有使用PageView或TabBarView，很不幸的告诉你，踩到坑了，这样是无效的，原因后面再详述。

2.4K3 0

flutter主题设置

bottomAppBarColor - BottomAppBar的默认颜色。 buttonColor - Material中RaisedButtons使用的默认填充色。...canvasColor - MaterialType.canvas Material的默认颜色。 cardColor - Material被用作Card时的颜色。...，例如在TextField中。...highlightColor - 用于类似墨水喷溅动画或指示菜单被选中的高亮颜色。 hintColor - 用于提示文本或占位符文本的颜色，例如在TextField中。...focusColor - 焦点获取时的颜色，例如，一些按钮焦点、输入框焦点。 hoverColor - 点击之后徘徊中的颜色，例如，按钮长按，按住之后的颜色。

4.3K2 0

Android编程之Navigation项目迁移AndroidX踩坑记录

在项目迁移AndroidX的过程中遇到一些问题，特别是Navigation抽屉页面迁移的过程中遇到一些问题，跟着网上的教程走完了全程，却总是闪退，原因直指xml布局文件。...androidx.drawerlayout.widget.DrawerLayout android.support.design.widget.NavigationView替换为com.google.android.material.navigation.NavigationView...androidx.coordinatorlayout.widget.CoordinatorLayout android.support.design.widget.AppBarLayout替换为com.google.android.material.appbar.AppBarLayout...android.support.v7.widget.Toolbar替换为androidx.appcompat.widget.Toolbar android.support.design.widget.FloatingActionButton...替换为com.google.android.material.floatingactionbutton.FloatingActionButton android.support.constraint.ConstraintLayout

1.4K2 0

Floating Action Button-Android M新控件

概述浮动操作按钮是Material Design 中推出的控件之一浮动操作按钮 (简称 FAB) 是: “一个特殊的promoted操作案例。...The best source for these icons is the material design icons site or the official google material icons...Kitkat 中的 FAB： ? Issues 1: Android 4.4 和 5.0 中边缘显示很容易看出，Lollipop 中存在边缘显示的问题。...FAB 中，也设置相应的值。...在app/build.gradle:中添加依赖 dependencies { compile 'com.melnykov:floatingactionbutton:1.2.0' } 在布局中添加

1.4K4 0

Flutter创建圆圈图标按钮

我找不到任何显示如何创建IconButton类似于的圆的示例FloatingActionButton。...任何人都可以建议创建一个自定义按钮的方式/需要什么FloatingActionButton吗？我认为RawMaterialButton更适合。...highlightColor包装InkWell小Material部件。...然后decoration在Container小部件中删除。...的圆形IconButton。

1.7K3 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭