lvgl/examples/layouts/flex/lv_example_flex_2.c

#include "../../lv_examples.h"
#if LV_USE_FLEX && LV_BUILD_EXAMPLES

/**
 * Arrange items in rows with wrap and place the items to get even space around them.
 */
void lv_example_flex_2(void)
{
    static lv_style_t style;
    lv_style_init(&style);
    lv_style_set_flex_flow(&style, LV_FLEX_FLOW_ROW_WRAP);
    lv_style_set_flex_main_place(&style, LV_FLEX_ALIGN_SPACE_EVENLY);
    lv_style_set_layout(&style, LV_LAYOUT_FLEX);

    lv_obj_t * cont = lv_obj_create(lv_scr_act());
    lv_obj_set_size(cont, 300, 220);
    lv_obj_center(cont);
    lv_obj_add_style(cont, &style, 0);
    lv_group_add_obj(lv_group_get_default(), cont);
    lv_obj_set_style_bg_color(cont, lv_color_hex(0xffaabb), LV_STATE_FOCUSED);

    lv_gridfocus_add(cont, 0);

    unsigned int i;
    for(i = 0; i < 23; i++) {
        lv_obj_t * obj = lv_btn_create(cont);
        lv_obj_set_size(obj, 70, LV_SIZE_CONTENT);

        lv_obj_t * label = lv_label_create(obj);
        lv_label_set_text_fmt(label, "%u", i);
        lv_obj_center(label);
    }
}

#endif