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

flutter_3d_choice_chip 封面
插件详情v0.1.4

flutter_3d_choice_chip

适用于 Flutter 的简单 3D 选择芯片,支持自定义颜色主题和尺寸。

AndroidiOSWebmacOSWindowsLinux
近 30 天下载
74
喜欢数
25
Pub 分数
140

安装插件

flutter pub add flutter_3d_choice_chip

插件介绍

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

一个 Flutter 包,提供一种简单的 3D 效果选择芯片,支持自定义颜色主题和尺寸选项。专为选择界面设计,通过微妙的深度感和视觉吸引力提升用户交互体验,适用于多个平台。该芯片支持平滑动画,可轻松集成到表单、筛选器或设置面板中。轻量级且基于 Flutter 核心组件构建,确保在 Android、iOS、Web、macOS、Windows 和 Linux 上的兼容性和性能。

适合场景

  • 带有视觉反馈的表单输入
  • 筛选选择界面
  • 基于主题的 UI 组件
  • 交互式设置面板
  • 移动和网页应用导航
  • 可自定义的用户偏好

主要特点

  • 带有深度的3D视觉效果
  • 可自定义的颜色主题
  • 可调节尺寸
  • 跨平台支持
  • 流畅的动画
  • 与现有代码的轻松集成

适合对象

  • 寻求现代视觉效果的UI设计师
  • 开发交互式表单的开发者
  • 需要吸引人选择元素的应用程序
  • 面向多个平台的项目
  • 希望拥有轻量级、可重用组件的团队

使用建议

  • 可能需要额外的样式才能适应复杂主题
  • 对低端设备的性能影响
  • 仅限基本芯片功能
  • 不适合高精度手势交互
  • 依赖于 Flutter 渲染引擎的稳定性

原始 README

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

flutter_3d_choice_chip

This package provides a simple 3D choice chip.

Getting Started

Import the file.

import 'package:flutter_3d_choice_chip/flutter_3d_choice_chip.dart';
Use with default style:
ChoiceChip3D(
  style: ChoiceChip3DStyle.blue, // ChoiceChip3DStyle.red, ChoiceChip3DStyle.white
  selected: true,
  onSelected: () {},
  onUnSelected: () {},
  child: Text("My Choice"),
);
Use with custom style:
ChoiceChip3D(
  style: ChoiceChip3dStyle(
      topColor: Colors.lightGreen,
      backColor: Colors.deepOrange,
      borderRadius: BorderRadius.zero
  ),
  onSelected: () {},
  onUnSelected: () {},
  child: Text("My Choice"),
);
Credit

Flutter 3D Choice Chip was inspired by button3d

所属分类

源码仓库

使用此插件的项目

暂无相关数据。