mf0wzi / flutter_survey_js Goto Github PK

This project forked from goxiaoy/flutter_survey_js

Flutter client library for parsing and display surveyjs.io survey

Home Page: https://goxiaoy.github.io/flutter_survey_js/

License: MIT License

Shell 0.02% JavaScript 10.01% Ruby 0.12% C++ 1.07% C 0.07% Objective-C 0.01% Kotlin 0.01% Dart 76.60% TypeScript 10.86% Swift 0.06% HTML 0.09% CMake 0.87% PEG.js 0.20%

flutter_survey_js's Introduction

flutter_survey_js

Flutter package for parsing and display surveyjs widgets

All these widgets and highly depend on reactive_forms

Live preview https://goxiaoy.github.io/flutter_survey_js/

IMPORTANT_NOTE

This package has not fully tested, use at your own risk

Supported widgets:

Supported validator:

Getting Started

flutter pub add flutter_survey_js

Modify your main function

import 'package:flutter_survey_js/flutter_survey_js.dart' as s;
void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await s.initSurvey();
  runApp(
    ...
  );
}

Web:

add following script into web/index.html

<html>
  ...
  <body>
    <!-- Add this line -->
    <script src="assets/packages/flutter_survey_js_expression/assets/index.js"></script>

    <script src="main.dart.js" type="application/javascript"></script>
  </body>
</html>

usage:

import 'package:flutter_survey_js/flutter_survey_js.dart' as s;
...
const survey = {
  "questions": [
    {
      "type": "rating",
      "name": "satisfaction",
      "title": "How satisfied are you with the Product?",
      "mininumRateDescription": "Not Satisfied",
      "maximumRateDescription": "Completely satisfied"
    }
  ]
};
...
s.SurveyWidget(
  survey: s.surveyFromJson(survey),
  onChange: (v) {
    print(v);
  },
  onSubmit: (v) {
    print(v);
  },
)

Customize

s.SurveyConfiguration(
  unsupportedBuilder: ...,
  ...
  child: s.SurveyWidget(
    survey: s.surveyFromJson(survey),
    onChange: (v) {
      print(v);
    },
    onSubmit: (v) {
      print(v);
    },
  )
)