- 综合排序
- 最热优先
- 最新优先
- 来自专栏移动开发之家
Flutter 小技巧之 Flutter 3 下的 ThemeExtensions 和 Material3
本篇分享一个简单轻松的内容： ThemeExtensions 和 Material3 ，它们都是 Flutter 3.0 中的重要组成部分，相信后面的小知识你可能还没了解过～。 theme: ThemeData( primarySwatch: Colors.blue, ///打开 useMaterial3 样式 useMaterial3: true,),复制代码当然，在你开启 Material3 在 Material3 下颜色其实不是完全按照 RGB 去计算，而是会经过 material-color-utilities 的转化，通过内部的 CorePalette 对象，RGB 会转化为 HCT 得益于 HCT ，例如我们前面的 ColorScheme.fromSeed(seedColor: Color(0xFF4285F4))，就可以通过一个 seedColor 直接生成一系列主题颜色，这就是 Material3 更多可见 《HCT 的色彩原理》最后最后我们回顾一下，今天的小技巧有：通过 ThemeExtensions 拓展想要的自定义 ThemeData通过 useMaterial3 启用 Material3
1.9K30编辑于 2022-06-06 - 来自专栏JetpackCompose M3
安卓软件开发：JetpackCompose从零开发CURD列表App
在这篇文章里，我分享一个用 Jetpack Compose、Material3和 Kotlin 语言实现CURD列表App的案例。无论你有没有开发经验，相信这篇文章对你会非常有所帮助。 3.2 使用 Material3 提供现代化设计Material3 提供了现代化的设计规范，比如按钮、文本框和弹窗。 Material3 为我们的App提供了现代化的视觉设计语言。
78392编辑于 2024-10-02 - 来自专栏Android知识点总结
Flutter 组件集录 | 从图标按钮看组件封装
onPressed: (){}, color: Colors.blue , icon: Icon(Icons.add ), splashRadius: 20, ), ---- 如下，是启用 Material3 ---- 最后说一下 useMaterial3 的处理, 在 IconButton#build 方法中，通过 Theme 数据的 useMaterial3 属性校验是否启用 Material3 ： 通过启用 Material3 ，会返回 _SelectableIconButton 完成构建逻辑。 如下所示，像 selectedIcon 、isSelected、style 、minSize、maxWidth是为 Material3 风格新加的属性。 中的风格，是圆角按钮，可以在官网的 extended-fab 中查看详情，也可以在该网站中看一下其他 material3 的风格： ---- 它继承自 StatelessWidget ，表明它是基于已有组件封装构建逻辑
1.6K10编辑于 2022-10-31 - 来自专栏码客
Jetpack Compose中的下拉刷新
libs.version.toml中的 [libraries] androidx-material3 = { group = "androidx.compose.material3", name = "material3 中 implementation(libs.androidx.material3) 替换为 implementation(libs.androidx.material3.android) 两者的对比 material3 是标准的库，能保证在各个平台上迁移代码，而material3-android是仅支持安卓的库，一些Android上新添加的组件会先在material3-android上发布，稳定后可能再在material3 https://developer.android.google.cn/reference/kotlin/androidx/compose/material3/pulltorefresh/package-summary
2.4K10编辑于 2024-03-29 - 来自专栏C博文
从 0 到 1：使用 Jetpack Compose 和智能自动化实现高效 Android UI 开发
生态完善：官方提供 Material3 组件、Accompanist 辅助库、与导航、生命周期等 Jetpack 库深度集成。 implementation "androidx.compose.ui:ui:$compose_version" implementation "androidx.compose.material3:material3 viewModel.todos.collectAsState() LazyColumn { items(list) { TodoItem(it) } } } 布局与主题：打造统一的视觉风格 Material3
61810编辑于 2025-07-14 - 来自专栏JetpackCompose M3
安卓软件开发：使用Jetpack Compose和M3的轮播图和列表App-上篇
在这篇文章里，我分享一个用 Jetpack Compose、Material3和 Kotlin 语言实现使用Jetpack Compose、M3和Kotlin开发轮播图和列表功能。 有任何问题欢迎提问，感谢大家阅读 ) 四、新增：2024/10/15-更新文章 近期我看了一篇更新轮播图组件的新闻，说JetpackComposeM3支持material3最新版本1.3.0 4.1 项目配置 implementation ("androidx.compose.material3:material3:1.3.0") 4.2 核心代码 @OptIn(ExperimentalMaterial3Api
1.7K111编辑于 2024-10-15 - 来自专栏JetpackCompose M3
安卓软件开发：Jetpack Compose Material3 结合 MVI 架构的模块化架构设计和实践
在这篇文章中，我分享如何使用 Jetpack Compose、Material3 结合 MVI（Model-View-Intent） 架构设计一个模块化的Android应用。 database/ # Room数据库 │ ├── ui/ # UI 层 │ ├── theme/ # Material3 4.3 UI 层 UI 层通过 Jetpack Compose 和 Material3 构建应用 UI。
1.5K142编辑于 2024-10-10 - 来自专栏JetpackCompose M3
安卓软件开发：使用Jetpack Compose和Room开发NimWishApp-上篇
在这篇文章里，我分享一个用 Jetpack Compose、Material3和 Kotlin 语言实现使用Jetpack Compose和Room开发NimWishApp的案例。 dependencies { implementation "androidx.compose.ui:ui:1.0.0" implementation "androidx.compose.material3:material3 containerColor = MaterialTheme.colorScheme.primary) )}2.4.1 解释代码CenterAlignedTopAppBar 是 Compose Material3
94880编辑于 2024-10-03 - 来自专栏跟着AI学
MindFlow 移动端开发实录：从零到完整的 Flutter 应用
contentController.text),],),);}}经验总结移动端优先：底部导航比侧边栏更适合单手操作键盘处理：预览时隐藏软键盘，避免遮挡内容悬浮按钮：FAB用于主要操作（新建），符合MaterialDesign问题#4:Material3 解决方案使用Flutter原生Material3：展开代码语言：DartAI代码解释//app_theme.dartclassAppTheme{staticconstColorprimaryColor= theme:AppTheme.lightTheme,darkTheme:AppTheme.darkTheme,themeMode:settingsState.themeMode,//...);},)经验总结Material3 ：Flutter3.x原生支持MaterialYou设计语言ColorScheme.fromSeed：基于种子色自动生成完整的配色方案圆角设计：Material3强调大圆角，12px是合适的默认值第三部分 PDF/HTMLPhase12:性能优化大文件虚拟滚动图片懒加载数据库性能优化结语本次开发完成了MindFlow移动端的核心功能，包括：✅完整的Flutter项目架构（BLoC+Repository）✅Material3
20810编辑于 2026-02-01 - 来自专栏JetpackCompose M3
安卓软件开发：Jetpack Compose Material3结合 MVVM 架构的模块化架构设计和实践
在这篇文章中，我将分享如何使用 Jetpack Compose、Material3 结合 MVVM 架构设计一个模块化的Android应用。 # Room数据库及DAO定义 │ ├── ui/ # UI 层 │ ├── theme/ # Material3 7.3 UI 层 负责页面的渲染和用户交互，用 Compose 和 Material3 提供的组件构建美观 UI。 在开发时，把东西分开来做，能让应用更容易维护和升级，这种模块化的方法很不错。
1.4K60编辑于 2024-10-09 - 来自专栏码客
Jetpack Compose中多主题设置
https://developer.android.google.cn/jetpack/compose/designsystems/material3? Material3可配置的ColorScheme class ColorScheme( primary: Color, onPrimary: Color, primaryContainer
75510编辑于 2024-03-29 - 来自专栏跟着AI学
MindFlow 移动端测试实录：从静态分析到构建验证
解决方案简化主题方案，使用原生Material3：展开代码语言：DartAI代码解释//修改前（FlexColorScheme）returnFlexThemeData.light(scheme:FlexScheme.blue SchemeColor.surfaceContainer,),keyColors:constFlexKeyColors(keepPrimary:primaryColor,//不兼容),);//修改后（原生Material3 seedColor:primaryColor,brightness:Brightness.light,),);经验总结第三方库风险：复杂主题库可能随Flutter更新失效原生优先：Flutter3.x的Material3
18410编辑于 2026-02-03 - 来自专栏codelang
开发一款 SDK 需要注意哪些问题
platform('androidx.compose:compose-bom:2024.01.00') implementation 'androidx.compose.material3:material3 ' implementation 'androidx.compose.foundation:foundation' } material3 与 foundation 将会使用 compose-bom
71110编辑于 2024-02-17 - 来自专栏小蔚记录
three.js 运行3D模型
2:material2=material;mesh = new THREE.Mesh( geometry, material2 );break; case 3:material3 =material;mesh = new THREE.Mesh( geometry, material3 );break; case 4:material4=material var renderer,width,height,camera,scene,light,controls,stats, //材质/变量【器官】 material1,material2,material3
7.5K30发布于 2019-09-11 - 来自专栏Android知识点总结
Flutter 组件集录 | 全面认识 AppBar 组件 - 使用篇
如下是 Material2 和 Material3 风格下默认的 AppBar 展示效果： Material2 Material3 AppBar(title: const Text('AppBar
2.1K11编辑于 2022-10-31 - 来自专栏移动开发专栏
【首发】根据壁纸修改App主题，它真的来了
3.1、什么是Material You Material You也称Material3或M3，是第三代Material Design设计语言。 但还是能识别出很多成本的，比如targetSdkVersion升级到31，Theme迁移到Material3，以及升级后的整包回归。
1.2K20编辑于 2022-06-10 - 来自专栏JetpackCompose M3
安卓软件开发：使用Jetpack Compose实现DrawerMenuApp
在这篇文章里，我分享一个用 Jetpack Compose、Material3和 Kotlin语言开发NimDrawaerMenuApp的案例。无论你有没有开发经验，相信这篇文章对你会非常有所帮助。 implementation("androidx.compose.ui:ui:$compose_version") implementation("androidx.compose.material3:material3
3K51编辑于 2024-10-15 - 来自专栏JetpackCompose M3
安卓软件开发：Jetpack Compose 和 Material 3 实现高级登录页面（Kotlin）
在这篇文章里，我分享一个用 Jetpack Compose、Material3和 Kotlin 语言实现登录页面的案例。如果你有一定开发经验，相信这篇文章对你会非常有所帮助。 androidx.compose.ui", name = "ui-test-junit4" } androidx-material3 = { group = "androidx.compose.material3", name = "material3
2.3K183编辑于 2024-09-15 - 来自专栏JetpackCompose M3
安卓软件开发：使用Jetpack Compose实现 NimWebViewApp
在这篇文章里，我分享一个用 Jetpack Compose、Material3和 Kotlin 语言实现使用Jetpack Compose和Kotlin开发NimWebViewApp的加载和操作的案例。
2K70编辑于 2024-10-09 - 来自专栏移动开发之家
Flutter 小技巧之 ListView 和 PageView 的各种花式嵌套
ScrollConfiguration.of(context).copyWith(overscroll: false) 快速去除 Android 滑动到边缘的 Material 2效果，为什么说 Material2， 因为 Material3 上变了，具体可见： Flutter 3 下的 ThemeExtensions 和 Material3 。
2.7K20编辑于 2022-07-04
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号