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

How do it look

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 👍🏼

搜尋套件、儲存庫與 APP 分類

安裝套件