Custom Step / Custom Slider #131

Activity

1. pmagnuson commented on Sep 20, 2023

   

   pmagnuson

   on Sep 20, 2023

   Author

   More actions

   I have defined the following as a custom step in a NavigableTask

   // avoid collisions on Step class
   import 'package:survey_kit/survey_kit.dart' as k;
   
   class CustomScaleStep extends k.Step {
     final sliderKey = GlobalKey<SliderTextState>();
     @override
     Widget createView({required k.QuestionResult? questionResult}) {
       return k.StepView(
           step: k.QuestionStep(
               showAppBar: false,
               answerFormat: const k.IntegerAnswerFormat(
                 defaultValue: 5,
               )),
           title: const Text('title'),
           child: SliderText(key: sliderKey),  // custom component
           resultFunction: () => k.IntegerQuestionResult(
               id: k.Identifier(id: 'identifier'),
               startDate: DateTime.now(),
               endDate: DateTime.now(),
               valueIdentifier: 'valueIdentifier',
               result: sliderKey.currentState!.sliderCurrentValue.toInt()));
     }
   
     @override
     Map<String, dynamic> toJson() {
       return {};
     }
   }

   The showAppBar: false, seems to be ignored.
2. pmagnuson commented on Sep 22, 2023

   

   pmagnuson

   on Sep 22, 2023

   Author

   More actions

   With the following custom Step:

   // avoid collision with material Step
   import 'package:survey_kit/survey_kit.dart' as sk;
   
   class CustomScaleStep extends sk.Step {
     final sliderKey = GlobalKey<SliderTextState>();
   
     @override
     Widget createView({required sk.QuestionResult? questionResult}) {
       return sk.StepView(
           step: sk.QuestionStep(
               // showAppBar: false,
               answerFormat: const sk.IntegerAnswerFormat(
             defaultValue: 5,
           )),
           title: const Text('title'),
           child: SliderText(key: sliderKey),
           resultFunction: () {
             print('result ${sliderKey.currentState!.sliderCurrentValue.toInt()}');
             return sk.IntegerQuestionResult(
               id: sk.StepIdentifier(),
               startDate: DateTime.now(),
               endDate: DateTime.now(),
               valueIdentifier:
                   sliderKey.currentState!.sliderCurrentValue.toInt().toString(),
               result: sliderKey.currentState!.sliderCurrentValue.toInt(),
             );
           });
     }
   
     @override
     Map<String, dynamic> toJson() {
       return {};
     }
   }

   and in the enclosing task, this navigation rule is added:

       task.addNavigationRule(
         forTriggerStepIdentifier: task.steps[1].stepIdentifier,
         navigationRule:
             sk.ConditionalNavigationRule(resultToStepIdentifierMapper: (input) {
           if ((input == '1') || (input == '2')) {
             return null;
           }
           return task.steps[0].stepIdentifier;
         }),
       );

   in the ConditionalNavigationRule the input variable reflects the value of valueIdentifier in the CustomScaleStep.

   It seems that the choice of naming between valueIdentifier and result could be improved in the resultFunction. It would be more intuitive if input reflected the result parameter.
3. pmagnuson commented on Sep 22, 2023

   

   pmagnuson

   on Sep 22, 2023

   Author

   More actions

   I am also interested in building a CustomStep that will play a video and then move to the next step.
   Is there a way to trigger the Next button on an arbitrary event? I would be best to disable the Next button or not show until the event has occurred.
   Thanks!
4. adar2378 commented on Jan 8, 2024

   

   adar2378

   on Jan 8, 2024

   Contributor

   More actions

   @pmagnuson Hi, are you using CustomStep via json? How are you able to add the json parser for the custom step in survey_kit?
5. pmagnuson commented on Jan 8, 2024

   

   pmagnuson

   on Jan 8, 2024

   Author

   More actions

   @adar2378 I am no longer using this library.