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

inquiry 封面
插件详情v0.0.6

inquiry

Flutter 的 Inquiry 包简化了创建可追踪用户数据的自定义问卷。可轻松将收集到的数据本地或远程存储。

AndroidiOSWebmacOSWindowsLinux
近 30 天下载
14
喜欢数
11
Pub 分数
140

安装插件

flutter pub add inquiry

插件介绍

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

Flutter 的 Inquiry 包简化了自定义问卷的创建,使开发者能够高效地收集和跟踪用户回复。它支持本地或远程存储数据,非常适合用于调查、反馈表单和用户引导流程。通过简单的 API,该包可无缝集成到跨多个平台的 Flutter 应用中,确保从移动设备到桌面端的行为一致。该包设计注重易用性,同时保持高度的可定制灵活性。

适合场景

  • 用户反馈收集
  • 入职问卷
  • 调查应用
  • 应用中的数据跟踪
  • 远程数据同步

主要特点

  • 轻松创建问卷
  • 本地和远程数据存储
  • 跨平台兼容性
  • 可追踪的用户响应
  • 简单 API 集成

适合对象

  • 应用开发者
  • 产品团队
  • 用户体验研究员
  • 教育类应用程序创作者
  • 反馈系统集成商

使用建议

  • 需要为远程存储设置
  • 有限的内置分析功能
  • 无实时协作
  • 依赖外部后端进行云同步
  • 仅基本UI组件

原始 README

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

Customizable Questionnaire for Flutter.

This package allows to create questionnaire (similar to poll but with a valid value option) that is customizable by the developer. It can be used to create very fancy quiz that you can adapt to your app design and will run in all platforms.

The idea of this package was based in Flutter Polls

Features

Animated
animated demo
How do it look

animated demo animated demo

Getting started

In the pubspec.yaml of your flutter project, add the following dependency:

dependencies:
  ...
  inquiry: latest_version

Import it:

import 'package:inquiry/inquiry.dart';

Usage

You can create a simple inquiry with


Inquiry(
  inquiryId: 'inquiry',
  options: List.generate(
    5, (index) {
      return InquiryOption(
        id: index,
        title: Text(
          'Option $index',
        ),
        votes: 0,
        rightAnswer: index == 2,
      );
    },
  ),
  titleWidget: Text(
    "Title of the Inquiry",
    style: const TextStyle(
      fontWeight: FontWeight.w500,
      fontSize: 16,
    ),
  ),
  onVoted: (option, amount) {
    print("Voted option: ${option.title}. "
        "The option is ${option.rightAnswer ? 'correct' : 'incorrect'}");
    return Future.value(true);
  },
);

You can customize the look and feel with InquiryStyle

  InquiryStyle(
    optionsBorderRadius: BorderRadius.circular(8),
    votedInquiryPercentRadius: const Radius.circular(8),
    optionsBorder: Border.all(color: Colors.black),
    rightAnswerBorder: Border.all(color: Colors.green),
    optionsBackgroundColor: Colors.grey.shade300,
    wrongBackgroundColor: Colors.red.shade100,
    rightBackgroundColor: Colors.green.shade100,
    optionsSplashColor: Colors.blue,
    votedWrongProgressColor: Colors.red.shade300,
    votedRightProgressColor: Colors.green.shade300,
    voteInProgressColor: Colors.blue,
    voteButtonStyle: ElevatedButton.styleFrom(
      backgroundColor: Colors.blue,
      foregroundColor: Colors.white,
      padding:
      const EdgeInsets.symmetric(horizontal: 24, vertical: 8),
    ),
    crossAxisAlignment: CrossAxisAlignment.start,
  )

for more information look at the example

Additional information

You can contribute to the package any time, just create a Pull Request. All contributions are welcome 👍🏼

所属分类

依赖

依赖清单 2 项

源码仓库

使用此插件的项目

暂无相关数据。