flutterdartmesibo

how to hide the user list icon from mesibo in flutter


I am using mesibo_flutter_sdk 2.2.0 for chats, but there is no option to hide the user list icon. Please find attached the screenshot below.

enter image description here

I checked MesiboUIOptions, but there is no option available to hide the user list icon.

Code: void initMesibo(String token) async {

// Future<String> asyncAppId = _mesibo.getAppIdForAccessToken();
// asyncAppId.then((String appid) { mAppId = appid; });



_mesibo.setAccessToken(token);
_mesibo.setListener(this);
_mesibo.start();
_mesiboUi.getUiDefaults().then((MesiboUIOptions options) {
  options.enableBackButton = true;

  options.appName = "Chats";
  options.userOnlineIndicationTitle="Online";
  options.toolbarColor = 0xFF73ad00;
  options.statusBarColor = 0xFF73ad00;
  _mesiboUi.setUiDefaults(options);
});



MesiboUIButtons buttons = MesiboUIButtons();
buttons.message = false;
buttons.audioCall = true;
buttons.videoCall = true;
buttons.groupAudioCall = true;
buttons.groupVideoCall = true;
buttons.endToEndEncryptionInfo = false; // e2ee should be enabled
_mesiboUi.setupBasicCustomization(buttons, null);
}

Solution

  • The best way to customize buttons in a Mesibo UI is by defining a UI listener in native code, as explained in the Mesibo documentation here:

    https://docs.mesibo.com/ui-modules/customizing/

    For Flutter, basic button customization can be done by setting properties on the MesiboUIButtons object, set buttons.message = false:

    MesiboUIButtons buttons = MesiboUIButtons();
    buttons.message = false;
    buttons.audioCall = true;
    buttons.videoCall = true;
    buttons.groupAudioCall = true;
    buttons.groupVideoCall = true;
    buttons.endToEndEncryptionInfo = false;  
    _mesiboUi.setupBasicCustomization(buttons, null);
    

    Refer to this Flutter sample code for an implementation:

    https://github.com/mesibo/samples/blob/master/flutter/firstapp/lib/main.dart#L270