LVGL 8.2 Drop down in four directions

establish 4 A direction drop down list

/** * Create a drop down, up, left and right menus */
static void lv_example_dropdown_2(void)
{
    
    static const char* opts = "Apple\n"
        "Banana\n"
        "Orange\n"
        "Melon";   //drop down Option text content 
    lv_obj_t* dd;
    dd = lv_dropdown_create(lv_scr_act()); // establish drop down  object 
    lv_dropdown_set_options_static(dd, opts); // Set the contents of the option list 
    lv_obj_align(dd, LV_ALIGN_TOP_MID, 0, 10);  //LV_ALIGN_TOP_MID Alignment 
    
    dd = lv_dropdown_create(lv_scr_act()); // establish drop down  object 
    lv_dropdown_set_options_static(dd, opts);// Set the contents of the option list 
    lv_dropdown_set_dir(dd, LV_DIR_BOTTOM); // Set the direction of the drop-down list to BOTTOM
    lv_dropdown_set_symbol(dd, LV_SYMBOL_UP); //  Set up drop down Arrow symbols are provided by the system LV_SYMBOL_UP
    lv_obj_align(dd, LV_ALIGN_BOTTOM_MID, 0, -10);//LV_ALIGN_BOTTOM_MID Alignment 
    dd = lv_dropdown_create(lv_scr_act()); // establish drop down  object 
    lv_dropdown_set_options_static(dd, opts);  // Set the contents of the option list 
    lv_dropdown_set_dir(dd, LV_DIR_RIGHT); // Set the direction of the drop-down list to LV_DIR_RIGHT
    lv_dropdown_set_symbol(dd, LV_SYMBOL_RIGHT); //  Set up drop down Arrow symbols are provided by the system LV_SYMBOL_RIGHT
    lv_obj_align(dd, LV_ALIGN_LEFT_MID, 10, 0);//LV_ALIGN_LEFT_MID Alignment 
    dd = lv_dropdown_create(lv_scr_act()); // establish drop down  object 
    lv_dropdown_set_options_static(dd, opts);// Set the contents of the option list 
    lv_dropdown_set_dir(dd, LV_DIR_LEFT); // Set the direction of the drop-down list to LV_DIR_LEFT
    lv_dropdown_set_symbol(dd, LV_SYMBOL_LEFT); //  Set up drop down Arrow symbols are provided by the system LV_SYMBOL_LEFT
    lv_obj_align(dd, LV_ALIGN_RIGHT_MID, -10, 0);//LV_ALIGN_RIGHT_MID Alignment 
}

Running effect