Arabic Not working about searchable_dropdown HOT 3 OPEN

SearchChoices.single(
    items: ["طنجة", "فاس‎", "أكادير‎", "تزنيت‎", "آكــلــو", "سيدي بيبي"]
        .map<DropdownMenuItem<String>>((string) {
      return (DropdownMenuItem<String>(
        child: Text(
          string,
          textDirection: TextDirection.rtl,
        ),
        value: string,
      ));
    }).toList(),
    value: selectedValueSingleDialogRightToLeft,
    hint: Text(
      "ختار",
      textDirection: TextDirection.rtl,
    ),
    searchHint: Text(
      "ختار",
      textDirection: TextDirection.rtl,
    ),
    closeButton: FlatButton(
      onPressed: () {
        Navigator.pop(MyApp.navKey.currentState.overlay.context);
      },
      child: Text(
        "سدّ",
        textDirection: TextDirection.rtl,
      ),
    ),
    onChanged: (value) {
      setState(() {
        selectedValueSingleDialogRightToLeft = value;
      });
    },
    isExpanded: true,
    rightToLeft: true,
    displayItem: (item, selected) {
      return (Row(textDirection: TextDirection.rtl, children: [
        selected
            ? Icon(
                Icons.radio_button_checked,
                color: Colors.grey,
              )
            : Icon(
                Icons.radio_button_unchecked,
                color: Colors.grey,
              ),
        SizedBox(width: 7),
        item,
        Expanded(
          child: SizedBox.shrink(),
        ),
      ]));
    },
    selectedValueWidgetFn: (item) {
      return Row(
        textDirection: TextDirection.rtl,
        children: <Widget>[
          (Text(
            item,
            textDirection: TextDirection.rtl,
          )),
        ],
      );
    },
)