搜索插件、代码仓与 APP 分类

flat_3d_button 封面
插件详情v1.0.3

flat_3d_button

一个带有点击动画的简单3D平面按钮,平面3D按钮包含3种方法:可包含任意小部件作为其子组件的平面3D按钮、以文本作为其子组件的平面3D按钮,以及以图标作为其子组件的平面3D按钮

AndroidiOSWebmacOSWindowsLinux
近 30 天下载
52
喜欢数
39
Pub 分数
160

安装插件

flutter pub add flat_3d_button

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

一个 Flutter 包,提供一个简单的 3D 平面按钮,带有流畅的点击动画。它支持任何小部件作为子组件,包括文本和图标,设计上具有灵活性。该按钮提供了三种不同的方法以方便集成,通过微妙的深度效果增强用户交互体验。非常适合追求极简但富有吸引力的现代 UI 按钮。兼容所有主要平台:Android、iOS、Web、macOS、Windows 和 Linux。

适合场景

  • 创建交互式 UI 元素
  • 为点击添加视觉反馈
  • 设计极简界面
  • 通过3D效果增强按钮的美观性
  • 构建跨平台应用

主要特点

  • 带3D效果的点击动画
  • 支持文本、图标和自定义组件
  • 三个易于使用的方法
  • 跨平台兼容性
  • 所需设置最少

适合对象

  • 寻求现代按钮样式的UI设计师
  • 开发轻量级应用的开发者
  • 需要一致按钮交互的项目
  • Flutter 初学者探索控件自定义
  • 面向多个平台的应用程序

使用建议

  • 仅限基本3D效果
  • 无高级自定义选项
  • 依赖于父组件的布局
  • 最适合简单的交互
  • 不适合复杂的动画

原始 README

以下为关联源码仓库的 README 原文快照,最新内容请访问源码仓库。

🔮 Flat 3d Button

pub package

A simple 3D flat button with click animation!

🔩 Installation

dependencies:
  flat_3d_button: ^1.0.3

🚚 Import

import 'package:flat_3d_button/flat_3d_button.dart';

🚀 Usage Examples

1. Counter app using flat 3D buttons:


  Flat3dButton.icon(
    color: Colors.red,
    onPressed: _decrementCounter,
    icon: Icons.remove,
  ),
  const SizedBox(width: 10),
  Flat3dButton.text(
    onPressed: _resetCounter,
    text: 'reset',
  ),
  const SizedBox(width: 10),
  Flat3dButton.icon(
    color: Colors.green,
    onPressed: _incrementCounter,
    icon: Icons.add,
  ),

refer to the main.dart in the example for complete source code.

2. Flat 3D button with text:


Flat3dButton.text(
  onPressed: () => print('clicked'),
  text: 'Flat',
);
3. Flat 3D button with icon:


Flat3dButton.icon(
  onPressed: () => print('clicked'),
  icon: Icons.rocket,
);

🔧 Author


📃 License

MIT License

所属分类

源码仓库

使用此插件的项目

暂无相关数据。