机器人 : flexbox not wrapping content

Question

我正在使用这个 flexbox layout .我被困住了。如果动态添加的项目无法放入 FlexboxLayout，我希望项目显示到下一行。

Flexbox 版本:0.2.2

下面是我的 XML 代码:

<com.google.android.flexbox.FlexboxLayout
    android:id="@+id/fbl_choose_category_upload"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_marginTop="@dimen/margin_16"
    android:paddingLeft="@dimen/padding_16"
    android:paddingRight="@dimen/padding_16"
    app:alignContent="space_between"
    app:alignItems="flex_start"
    app:flexDirection="row"
    app:flexWrap="wrap"
    app:justifyContent="space_between">

</com.google.android.flexbox.FlexboxLayout>

我的 Java 代码:

private void generateCategories(UserCategoryListResponse userCategoryListResponse) {
    for (UserCategoryListResponse.Datum data : userCategoryListResponse.getData()) {
        mFlexboxLayout.addView(getCategoryRadioButton(data));
    }
}

private RadioButton getCategoryRadioButton(UserCategoryListResponse.Datum data) {

    RadioButton radioButton = new RadioButton(this);
    radioButton.setId(Integer.parseInt(data.getCategoryId()));
    radioButton.setBackgroundResource(R.drawable.selector_choose_category);
    radioButton.setButtonDrawable(null);
    radioButton.setPadding(DisplayUtils.pxToDp(this, 16), DisplayUtils.pxToDp(this, 16), DisplayUtils.pxToDp(this, 16), DisplayUtils.pxToDp(this, 16));
    radioButton.setText(data.getCategoryName());
    radioButton.setTypeface(radioButton.getTypeface(), Typeface.BOLD);
    radioButton.setEnabled(data.getIsFree().equals("1"));
    radioButton.setOnCheckedChangeListener(this);
    return radioButton;
}

但实际上发生的是，flexbox 缩小了内容。比方说，预期结果是，如果只能首先放入三个类别，那么接下来的项目应该出现在下一行。

如果有人可以帮助我。

Answer 1

我没有尝试过flexbox布局，但是我以前解决过同样的问题，我的做法是这样的。

在添加新动态 View 时，我正在检查其父 View 组的大小和屏幕大小，如果 View 组大小增加，那么我将添加带有新 View 组的新行并将该 View 添加到新创建的 View 中viewgroup 或者只是在同一行中添加 View 。

希望对您有所帮助。