How can I add a new textfield dynamically based on user selection in Laravel & Flutter?

Based on the code snippet you provided, it seems like you’re trying to dynamically add a TextFormField widget to a list called widgets when a specific option is selected in the selectFieldBloc. However, you haven’t specified what you want to do with the widgets list after adding the TextFormField.

To display the TextFormField in your UI, you need to use a ListView or a similar widget that can render a list of widgets. Here’s an example of how you can modify your code to achieve this:

import 'package:flutter/material.dart';

// ...

SelectFieldBloc selectFieldBloc = SelectFieldBloc(
  name: question.name,
  toJson: (option) => option?.optionText,
  validators: question.validation != null
      ? [
          (input) {
            if (input != null) {
              if (input is Option) {
                Option option = input;
                return inspectionValidator.inspect(
                    option.optionText, question.validation);
              } else if (input is SubOption) {
                SubOption option = input;
                return inspectionValidator.inspect(
                    option.optionText, question.validation);
              }
            } else {
              return inspectionValidator.inspect(
                  input, question.validation);
            }
          }
        ]
      : null,
  items: question.option,
);

fieldBloc = selectFieldBloc;
List<Widget> widgets = [];

// Assuming this code is within a stateful widget, you can define a state variable to track the selected option.
Option? selectedOption;

fieldBloc.onValueChanges(onData: (previous, current) async* {
  print(current.value?.optionText);
  if (current.value?.optionText == "Cultivated") {
    selectedOption = current.value;
  } else {
    selectedOption = null;
  }
  // Call setState to trigger a rebuild and update the UI.
  setState(() {});
});

// ...

// In your build method, you can render the widgets list within a ListView.
@override
Widget build(BuildContext context) {
  return ListView(
    children: [
      // Render your other UI elements here.
      
      // Render the TextFormFields based on the selected option.
      if (selectedOption?.optionText == "Cultivated")
        ...widgets, // Use the spread operator to add the widgets from the list.

      // Render other UI elements.
    ],
  );
}

In this example, I assume you’re working within a stateful widget. When the selected option in the selectFieldBloc changes, the onValueChanges callback is triggered. If the selected option is "Cultivated," it sets the selectedOption variable to the current value. Then, setState is called to trigger a rebuild and update the UI.

Within the build method, you can render the TextFormField widgets based on the selected option. If the selected option is "Cultivated," it uses the spread operator (…) to add the widgets from the widgets list to the UI.

Make sure to adjust the code according to your specific requirements and the structure of your Flutter application.