Customize pickedItems display

[anqit]

I think it would be neat to be able to customize certain aspects of the display. In particular, I would like to provide a custom widget to show the picked items.

[esentis]

Interesting, so you would like to provide your own Widget that will accomodate the pickedItemBuilder, can you give me a visual or code example ?

[anqit]

I don't have a visual yet, but I'd like to show the picked users in a single, horizontally scrolling ListView, which I don't think is possible at the moment? I could be wrong though. I don't mind taking a stab at a PR for it myself when I get a chance to do so

[esentis]

Cool, I'll look into it if I can expose the picked items container, in a builder function. You're right currently this is not available.

[esentis]

Ok I think we are done here, I have added a new parameter pickedItemsContainerBuilder you can see below an example with the outcome.

pickedItemsContainerBuilder: (pickedItems) => Center(
    child: Container(
    height: 150,
    width: 150,
    decoration: BoxDecoration(
        border: Border.all(color: Colors.grey[400]!),
      ),
    child: ListView(
        children: pickedItems,
    ),
  ),
),
pickedItemBuilder: (country) {
    return Padding(
    padding: const EdgeInsets.all(8),
    child: Center(
        child: Text(
        country.name,
        style: const TextStyle(
            color: Colors.blue,
            decoration: TextDecoration.underline,
        ),
      ),
    ),
  );
},

[anqit]

Looks great, thanks for the quick update!