Reorder list not useable on dark themes

[Aging-Developer]

Has your issue been reported?

• [X] I have searched the existing issues and confirm it has not been reported.
• [X] I give permission for members of the FlutterFlow team to access and test my project for the sole purpose of investigating this issue.

Current Behavior

there is no way to change the color of the element that is being dragged in a reorderable list. It seems to be a white box with no custom options.

So when you have a list with a theme (dark background and white text), the box is white and the text is also white, so it looks blank, meaning the the reorderable lists are totally useless if you have dark themes with white text.

Expected Behavior

to override the dragged items colors so it is visible, if the theme is using white as the item text.

When the reorderable flag is set, the reorderableList widget should be wrapped with:

Theme( data: Theme.of(context).copyWith( canvasColor: Colors.transparent, shadowColor: Colors.transparent, ), child: ReorderableListView( ... ), )

Steps to Reproduce

1. create a page with a dark BG
2. add a list with reorderable enabled
3. create a list item where the text is white.

Run it, the dragged item looks blank, as it is white on white.

Reproducible from Blank

• [X] The steps to reproduce above start from a blank project.

Bug Report Code (Required)

na

Context

cannot use reordable lists with dark themes.

Visual documentation

n/a.

Additional Info

n/a

Environment

- FlutterFlow version: 4.1.49+
- Platform:
- Browser name and version:
- Operating system and version affected:

General

• [ ] I was collaborating with other users in the same project prior to data loss
• [ ] I navigated between different project views leading up to data loss
• [ ] The UI was running very slowly prior to data loss
• [ ] A crash or other bug occurred prior to data loss
• [ ] Data was not saved in a snapshot
• [ ] I was using flutterflow from multiple devices
• [ ] I was using flutterflow from multiple platforms (e.g. both web and MacOS Desktop app)

Relative to the time the changes were made, data was lost within

• [ ] 1 minute
• [ ] 1 hour
• [ ] 1 day
• [ ] 1 week

When following my steps to reproduce, data loss happens

• [ ] ~100% of the time
• [ ] ~50% of the time
• [ ] ~10% of the time
• [ ] ~1% of the time
• [ ] Very rarely or only encountered once

[ignalauret]

Hey @Aging-Developer thanks for your report. I can confirm that there is no easy way to change the color of the reorder icon, so if you want to put a White list item, you will not see the reorder icon. I will send this to our technical team so they can check if we can add some easy way of editing it. Have a great day!

[Aging-Developer]

Hi, thank you...... just to point out its not an icon, its the row text when the element is dragged.

it can be achieved by the technical team adding a parameter to the designer, which would generate this code:

Theme( data: Theme.of(context).copyWith( canvasColor: Colors.transparent, shadowColor: Colors.transparent, ), child: ReorderableListView( ... ), )

[Aging-Developer]

@leighajarett Can someone confirm when this is likely to be done?

1. It doesn't work well without modifying the code
2. It causes so much wasted time having to remodify the code every time FF does an update the regens the dart code.

Its an easy fix for you guys to do, I have even include the code that needs to be generated, although a good implementation would be to have these as properties of a reorder list in the FF designer.