flutter_awesome_select icon indicating copy to clipboard operation
flutter_awesome_select copied to clipboard

Overflow on no item found on search

Open tbsmanish opened this issue 2 years ago • 1 comments

Please help me to resolve this issue. can I customize this error layout or something else that can help me out of this issue Screenshot_5 .

tbsmanish avatar Jul 01 '22 09:07 tbsmanish

I am using multi select here is code of my widget.

Container(
                  margin: EdgeInsets.only(
                    top: 20.h,
                    left: 10.w,
                    right: 10.w,
                  ),
                  padding: EdgeInsets.zero,
                  color: primaryColor.withAlpha(20),
                  child: SmartSelect<EmployeeModel>.multiple(
                    title: 'Employees',
                    selectedValue: selectedEmployees,
                    onChange: (selected) {
                      setState(() => selectedEmployees = selected?.value ?? []);
                    },
                    choiceItems: listChoiceEmployees,
                    modalType: S2ModalType.fullPage,
                    modalFilter: true,
                    modalHeaderStyle: S2ModalHeaderStyle(
                      backgroundColor: defaultColor,
                      textStyle: googlePoppins.copyWith(
                        fontSize: 18.sp,
                        color: Colors.white,
                        fontWeight: FontWeight.w700,
                      ),
                    ),
                    placeholder: '',
                    tileBuilder: (context, state) {
                      return S2Tile.fromState(
                        state,
                        padding: EdgeInsets.only(left: 15.w, right: 15.w),
                        title: Text(
                          'Select Employee',
                          style: TextStyle(
                            color: Color(0xff606264),
                          ),
                        ),
                        isTwoLine: false,
                      );
                    },
                    // modalActionsBuilder: (context, state) {
                    //   return <Widget>[
                    //     Padding(
                    //       padding: EdgeInsets.only(right: 13.w),
                    //       child: Row(
                    //         children: [
                    //           Text(
                    //             'Select All Employees',
                    //             style: googlePoppins.copyWith(
                    //               fontSize: 16.sp,
                    //               color: const Color(0xFFABABAB),
                    //               fontWeight: FontWeight.w500,
                    //             ),
                    //             textAlign: TextAlign.center,
                    //           ),
                    //           state.choiceSelectorAll
                    //         ],
                    //       ),
                    //     )
                    //   ];
                    // },
                    modalDividerBuilder: (context, state) {
                      return const Divider(height: 1);
                    },
                    modalFilterAuto: true,
                    modalFilterHint: 'Search Username',
                    modalFooterBuilder: (context, state) {
                      return Container(
                        padding: const EdgeInsets.symmetric(
                          horizontal: 12.0,
                          vertical: 7.0,
                        ),
                        child: Row(
                          children: <Widget>[
                            Padding(
                              padding: EdgeInsets.only(right: 13.w),
                              child: Row(
                                children: [
                                  Text(
                                    'Select All Employees',
                                    style: googlePoppins.copyWith(
                                      fontSize: 16.sp,
                                      color: const Color(0xFFABABAB),
                                      fontWeight: FontWeight.w500,
                                    ),
                                    textAlign: TextAlign.center,
                                  ),
                                  state.choiceSelectorAll
                                ],
                              ),
                            ),
                            const Spacer(),
                            TextButton(
                              child: const Text('Cancel'),
                              onPressed: () =>
                                  state.closeModal(confirmed: false),
                            ),
                            const SizedBox(width: 5),
                            TextButton(
                              child:
                                  Text('OK (${state.selection?.length ?? 0})'),
                              onPressed: (state.selection?.isValid ?? true)
                                  ? () => state.closeModal(confirmed: true)
                                  : null,
                            ),
                          ],
                        ),
                      );
                    },
                  ),
                ),

tbsmanish avatar Jul 01 '22 09:07 tbsmanish