I'm using choice chips to display a couple of options to select from. I have configured it to NOT have icons as shown below:
This works as expected on web, however on both IOS and Android, the selected chip always has a small leading tick.
I had a look at the code that is generated, and confirmed the ChipData arguments are all fine. Just the text is being passed to the constructor. No icon info.
So it seems like the icon is some sort of Android/IOS default icon?
Here is a screenshot of when I set an icon:
Now my icon (heart) is overlapping this 'default' checkmark icon
Here is the generated code for the chips:
// Generated code for this ChoiceChips Widget...
FlutterFlowChoiceChips(
options: [
ChipData('In'),
ChipData('Out'),
ChipData('Tentative'),
ChipData('TBC')
],
onChanged: (val) async {
setState(() => _model.choiceChipsValue = val?.first);
logFirebaseEvent('EVENT_DETAIL_ChoiceChips_0dody6n9_ON_FOR');
if (containerAttendeesRecord?.attendance != _model.choiceChipsValue) {
logFirebaseEvent('ChoiceChips_backend_call');
await containerAttendeesRecord!.reference
.update(createAttendeesRecordData(
message: functions.createDefaultMessage(_model.choiceChipsValue!),
attendance: _model.choiceChipsValue,
));
}
},
selectedChipStyle: ChipStyle(
backgroundColor: FlutterFlowTheme.of(context).primaryBlack,
textStyle: FlutterFlowTheme.of(context).bodyMedium.override(
fontFamily: 'Outfit',
color: FlutterFlowTheme.of(context).white,
),
iconColor: FlutterFlowTheme.of(context).primary,
iconSize: 18,
elevation: 4,
borderRadius: BorderRadius.circular(16),
),
unselectedChipStyle: ChipStyle(
backgroundColor: Color(0x00000000),
textStyle: FlutterFlowTheme.of(context).bodyMedium.override(
fontFamily: 'Outfit',
color: FlutterFlowTheme.of(context).white,
),
iconColor: FlutterFlowTheme.of(context).white,
iconSize: 18,
elevation: 0,
borderRadius: BorderRadius.circular(16),
),
chipSpacing: 12,
rowSpacing: 12,
multiselect: false,
initialized: _model.choiceChipsValue != null,
alignment: WrapAlignment.start,
controller: _model.choiceChipsValueController ??=
FormFieldController<List<String>>(
[containerAttendeesRecord!.attendance],
),
wrapped: true,
)
Any idea how I can remove this icon?
(Let me know if more info is needed)