Currently, flexbox-layout releases appear to only be published to jcenter and are not present on maven central. JCenter has a long history of artifact integrity issues and we try to avoid it at all costs. I recognize that maven central's publishing process is sometimes considered more tedious, but this signing/verification process is part of why it's preferred.

https://blog.autsoft.hu/a-confusing-dependency https://twitter.com/jakewharton/status/1073102730443526144?lang=en

• [ ✅] There is a similar issue, but not the same. I have searched existing issues and confirmed this is not a duplicate.

Problem

With Gradle, 'com.google.android:flexbox' artifact is not available in default jCenter repo, and also not available in MavenCentral. The error is "Failed to resolve artifact". I checked the URLs that Gradle tries to resolve, and it's looking for the lib in jcenter.bintray.com, but the code is actually at google.bintray.com as found through your 'download' badge -- which is (I believe) the reason that causes the issue.

How to reproduce it?

Create a new empty project in Android Studio and try to add this dependency. It can be an empty project. Use Android Studio 3.0 or later. I don't know which plugins you have for project creation, but it's extremely important not to add any Google-specific dependencies, as everyone outside of Google would not have them included by default. Having a Google repository pre-included is probably the reason why it's working for you and other people are complaining about not resolving the artifact (as in this issue and this one).

Version of the flexbox library

1.0.0 and 1.1.0

Preferred resolution

Looks like we need to add a Google jCenter repo somehow, can you tell us how? Or can you publicly include this in jCenter index? There is a button to do so after you publish a lib to your local repo inside of jCenter. Flexbox is not even visible by search in jCenter or MavenCental index pages, so please also check why that is the case.

Hi I am using RecyclerView with FlexboxLayoutManager for layoutManager.setFlexDirection(FlexDirection.ROW); RecyclerView height is resctrited to show only 3 rows . this is my layout `

<TextView
    android:id="@+id/reviews_label"
    style="@style/body1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginLeft="@dimen/_10dp"
    android:text="Reviews"
    android:textAllCaps="true"
    android:textColor="@color/dark_gray_color" />


<TextView
    android:id="@+id/rating_count"
    style="@style/caption"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@id/reviews_label"
    android:layout_marginLeft="@dimen/_10dp"
    android:layout_marginTop="@dimen/_20dp"
    android:layout_toRightOf="@id/rating_layout"
    android:text="Based on 150 ratings"
    android:textColor="@color/dark_gray_color" />

<TextView
    style="@style/small2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@id/rating_count"
    android:layout_marginLeft="@dimen/_10dp"
    android:layout_marginTop="@dimen/_1dp"
    android:layout_toRightOf="@id/rating_layout"
    android:text="Weighted average based on user credibility on purplle" />

<TextView
    android:id="@+id/pros_label"
    style="@style/caption"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@id/rating_layout"
    android:layout_marginBottom="@dimen/_10dp"
    android:layout_marginLeft="@dimen/_10dp"
    android:layout_marginTop="@dimen/_20dp"
    android:text="@string/positives"
    android:textColor="@color/forest_green" />

<TextView
    android:id="@+id/tap_to_filter_pros"
    style="@style/small2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@id/rating_layout"
    android:layout_marginLeft="@dimen/_10dp"
    android:layout_marginTop="@dimen/_22dp"
    android:layout_toRightOf="@id/pros_label"
    android:text="@string/tap_to_filter"
    android:textColor="@color/light_gray_color" />

<android.support.v7.widget.RecyclerView
    android:id="@+id/pros_highlight_recyclerview"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@id/pros_label"
    android:layout_marginLeft="@dimen/_5dp"
    android:nestedScrollingEnabled="false" />

`

This is RecyclerView item layout

<com.google.android.flexbox.FlexboxLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/highlight_root"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_margin="@dimen/_5dp">

    <TextView
        android:id="@+id/selected_icon"
        style="@style/icon"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginRight="@dimen/_2dp"
        android:gravity="center"
        android:paddingLeft="@dimen/_5dp"
        android:text="@string/circular_tickbox"
        android:textSize="@dimen/_13dp" />

    <TextView
        android:id="@+id/name"
        style="@style/small"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:gravity="center"
        android:paddingBottom="@dimen/_6dp"
        android:paddingRight="@dimen/_13dp"
        android:paddingTop="@dimen/_6dp" />

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

calculateHorizontalFlexLines() and calculateVerticalFlexLines() have more than 100 lines. They are mostly similar.

Tell me if you think it is a good idea to merge them. I merged them into one method. I made helper methods. There are a lot more similar methods like them you can merge and basically refer to horizontal and vertical as one.

note: I didn't changed the logic behind the algorithm.

Frequently call addview() and removeAllViews().

java.lang.NullPointerException at com.google.android.flexbox.FlexboxLayout.drawDividersHorizontal(FlexboxLayout.java:2095) at com.google.android.flexbox.FlexboxLayout.onDraw(FlexboxLayout.java:2047) at android.view.View.draw(View.java:15114) at android.view.View.updateDisplayListIfDirty(View.java:14048) at android.view.View.getDisplayList(View.java:14071) at android.view.View.draw(View.java:14838) at android.view.ViewGroup.drawChild(ViewGroup.java:3404) at android.view.ViewGroup.dispatchDraw(ViewGroup.java:3198) at android.view.View.updateDisplayListIfDirty(View.java:14043) at android.view.View.getDisplayList(View.java:14071) at android.view.View.draw(View.java:14838)

FlexboxLayout is implemented as a subclass of the ViewGroup, so view recycles are not considered when used as a scrollable view (e.g. wrapped with the ScrollView).

Adding a new class as a subclass of RecyclerView.LayoutManager is more useful in that situation to take view recycles into account.

Such as the #59 would be a nice example that demonstrates usefulness of the FlexboxLayout, otherwise it would be tricky if building it with existing layouts.

• [x] I have searched existing issues and confirmed this is not a duplicate

Issues and steps to reproduce

I'm seeing this crash when trying to filter my list items using a search query:

FATAL EXCEPTION: main
java.lang.ArrayIndexOutOfBoundsException: length=45; index=-1
    at com.google.android.flexbox.FlexboxLayoutManager$AnchorInfo.assignFromView(FlexboxLayoutManager.java:2863)
    at com.google.android.flexbox.FlexboxLayoutManager$AnchorInfo.access$1900(FlexboxLayoutManager.java:2792)
    at com.google.android.flexbox.FlexboxLayoutManager.updateAnchorFromChildren(FlexboxLayoutManager.java:1136)
    at com.google.android.flexbox.FlexboxLayoutManager.updateAnchorInfoForLayout(FlexboxLayoutManager.java:1032)
    at com.google.android.flexbox.FlexboxLayoutManager.onLayoutChildren(FlexboxLayoutManager.java:700)
    at android.support.v7.widget.RecyclerView.dispatchLayoutStep2(RecyclerView.java:3583)
    at android.support.v7.widget.RecyclerView.dispatchLayout(RecyclerView.java:3312)
    at android.support.v7.widget.RecyclerView.onLayout(RecyclerView.java:3844)

Steps to reproduce This started to happen after I added DiffUtils for showing item animations. Here's what I'm doing:

List<FolderSubscription> oldSubscriptions = ...;
List<FolderSubscription> newSubscriptions = ...;

FolderSubscriptionDiffCallbacks callback = new FolderSubscriptionDiffCallbacks(oldSubscriptions, newSubscriptions);
DiffUtil.DiffResult folderDiffResult = DiffUtil.calculateDiff(callback, true /* detectMoves */);

folderAdapter.updateData(newSubscriptions);
folderDiffResult.dispatchUpdatesTo(folderAdapter);

Version of the flexbox library

I tested on both v0.3-alpha3 and v0.3.

I am using FlexboxLayout for my sorting and filtering options. I noticed that on some items with a long text, they display wrongly. ie, the last character is on the next line. See attached. Any solution for this?

Also, i have to use "middle|end" for app:showDividerVertical as "middle" alone shows on the middle items per row. So if i have 3 rows, the last item of the first 2 rows will not have the divider line showing. Unlike CSS, middle would me all elements except the last.

<com.google.android.flexbox.FlexboxLayout android:id="@+id/layout_sort_options" android:layout_width="match_parent" android:layout_height="wrap_content" app:flexWrap="wrap" app:flexDirection="row" app:alignItems="flex_start" app:alignContent="flex_start" app:showDividerVertical="middle|end" app:dividerDrawableVertical="@drawable/ic_divider" app:showDividerHorizontal="middle" app:dividerDrawableHorizontal="@drawable/ic_divider_horizontal"/>

Hello, thanks for this fantastic library. I'm trying to create a horizontally scrollable list, but FlexboxLayoutManager doesn't seem to be wrapping the list items. In each column, all items have the same width, which doesn't look correct. Is there something I'm missing? I'm using this code:

FlexboxLayoutManager flexboxLayoutManager = new FlexboxLayoutManager();
flexboxLayoutManager.setFlexWrap(FlexWrap.WRAP);
flexboxLayoutManager.setFlexDirection(FlexDirection.COLUMN);

Update: Oh wait, supplying setAlignItems() with something other than STRETCH fixes the width of the items. As in, they're no longer equi sized. So I've realized that I want the items to be laid out in row fashion, but the list should be horizontally scrollable. Is this possible?

I am using Glide library to load images in RecyclerView but when I am scrolling the RecyclerView sometimes 2 images showing per row some time 1 image per row. Following is my code

FlexboxLayoutManager layoutManager = new FlexboxLayoutManager(); layoutManager.setFlexWrap(FlexWrap.WRAP); layoutManager.setFlexDirection(FlexDirection.ROW); layoutManager.setAlignItems(AlignItems.STRETCH); mRecyclerView.setLayoutManager(layoutManager);

private void setImageView(final ImageView imageView, Integer resourceId) {
        Glide.with(mContext)
                .load(resourceId)
                .asBitmap()
                .format(DecodeFormat.PREFER_RGB_565)
                .diskCacheStrategy(DiskCacheStrategy.RESULT)
                //.skipMemoryCache(true)
                .thumbnail(0.1f)
                .placeholder(resourceId)
                .error(resourceId)
                .centerCrop()
                .listener(new RequestListener<Integer, Bitmap>() {
                    @Override
                    public boolean onException(Exception e, Integer model, Target<Bitmap> target, boolean isFirstResource) {
                        return false;
                    }

                    @Override
                    public boolean onResourceReady(Bitmap resource, Integer model, Target<Bitmap> target, boolean isFromMemoryCache, boolean isFirstResource) {
                        ViewGroup.LayoutParams lp = imageView.getLayoutParams();
                        if (lp instanceof FlexboxLayoutManager.LayoutParams) {
                            FlexboxLayoutManager.LayoutParams flexboxLp = (FlexboxLayoutManager.LayoutParams)
                                    imageView.getLayoutParams();
                            flexboxLp.setFlexGrow(1.0f);
                        }
                        return false;
                    }
                })
                .into(imageView);
    }

XML file

<?xml version="1.0" encoding="utf-8"?> <ImageView xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/image" android:src="@drawable/ic_guest_services_light" android:scaleType="centerCrop" android:layout_margin="1dp" android:contentDescription="@null"/>

bug: when using FlexboxLayoutManager with flex-direction set to column, a child having top margin will result in an unexpected top margin on every following child cause: previous child's TOP_MARGIN is added when moving childTop down. I think it should be BOTTOM_MARGIN instead. similar for childBottom

• [x] I have searched existing issues and confirmed this is not a duplicate

Issues and steps to reproduce

Please replace this with steps to reproduce your issue. parent flex-direction: column and only the first child in recyclerview has topMargin.

Expected behavior

Please describe what you expected would happen. layout should respect child margin correctly

Version of the flexbox library

3.0.0

Link to code

Please link to the code we can use to reproduce this issue. A complete project we can build/run is preferred, if you can't provide one, please show us relevant code

I have already figured out what went wrong. see my pull request

• [x] I have searched existing issues and confirmed this is not a duplicate

Issues and steps to reproduce

When I try to use ComposeView or AbstractComposeView with FlexboxLayoutManager, it crashes due to

 java.lang.IllegalStateException: Cannot locate windowRecomposer; View androidx.compose.ui.platform.ComposeView{7ae95e1 V.E...... ......I. 0,0-0,0} is not attached to a window
                                                                                                    	at androidx.compose.ui.platform.WindowRecomposer_androidKt.getWindowRecomposer(WindowRecomposer.android.kt:294)
                                                                                                    	at androidx.compose.ui.platform.AbstractComposeView.resolveParentCompositionContext(ComposeView.android.kt:242)
                                                                                                    	at androidx.compose.ui.platform.AbstractComposeView.ensureCompositionCreated(ComposeView.android.kt:249)
...
                                                                                                    	at android.view.View.measure(View.java:25466)
                                                                                                    	at com.google.android.flexbox.FlexboxHelper.calculateFlexLines(FlexboxHelper.java:477)
                                                                                                    	at com.google.android.flexbox.FlexboxHelper.calculateHorizontalFlexLines(FlexboxHelper.java:249)
                                                                                                    	at com.google.android.flexbox.FlexboxLayoutManager.updateLayoutState(FlexboxLayoutManager.java:2112)
                                                                                                    	at com.google.android.flexbox.FlexboxLayoutManager.handleScrollingMainOrientation(FlexboxLayoutManager.java:1993)
                                                                                                    	at com.google.android.flexbox.FlexboxLayoutManager.scrollVerticallyBy(FlexboxLayoutManager.java:1957)
                                                                                                    	at androidx.recyclerview.widget.RecyclerView.scrollStep(RecyclerView.java:2009)

This basically prevents usage of FlexboxLayoutManager with compose views.

Root cause is that FlexboxLayoutManager attempts to measure composable before it is attached to window, which crashes in ComposeView:

/**
 * Get or lazily create a [Recomposer] for this view's window. The view must be attached
 * to a window with a [ViewTreeLifecycleOwner] registered at the root to access this property.
 */
@OptIn(InternalComposeUiApi::class)
internal val View.windowRecomposer: Recomposer
    get() {
        check(isAttachedToWindow) {
            "Cannot locate windowRecomposer; View $this is not attached to a window"
        }
        val rootView = contentChild
        return when (val rootParentRef = rootView.compositionContext) {
            null -> WindowRecomposerPolicy.createAndInstallWindowRecomposer(rootView)
            is Recomposer -> rootParentRef
            else -> error("root viewTreeParentCompositionContext is not a Recomposer")
        }
    }

Expected behavior

It should not crash, as it does not crash with other managers (e.g. LinearLayourManager)

Version of the flexbox library

Flexbox: 3.0.0 Compose: 1.3.0 Recycler view: 1.3.0-rc1

Link to code

class ComposeAdapter : RecyclerView.Adapter<ComposeHolder>() {

    override fun onCreateViewHolder(
        parent: ViewGroup,
        viewType: Int,
    ): MyComposeViewHolder {
        return ComposeHolder(ComposeView(parent.context))
    }

class MyComposeViewHolder(
    val composeView: ComposeView
) : RecyclerView.ViewHolder(composeView) {

    fun bind(input: String) {
        composeView.setContent {
            MdcTheme {
                Text(input)
            }
        }
    }
}

Problem and steps to reproduce

RecycleView nests RecycleView, and the internal RecycleView uses FlexboxLayoutManager(context, FlexDirection.ROW, FlexWrap.WRAP), when the number of items is large, it cannot be displayed completely (for example, only 30 items are displayed for 50 items, and they are not displayed after exceeding one screen)。

But when FlexboxLayoutManager is set to FlexDirection.COLUMN. Vertical display can all be displayed, and LinearLayoutManager or GridLayoutManager can also be used to display all

Only when FlexboxLayoutManager is set to FlexDirection.ROW is not fully displayed

Version of the flexbox library 3.0.0 and earlier

• [ ] I have searched existing issues and confirmed this is not a duplicate

Issues and steps to reproduce

*Why is flexboxmanager. Computescrolloffset() equal to 0 when only half of the first line is visible；I can't judge whether recyclerView.canScrollVertically() can continue to slide

Expected behavior

• when only half of the first line is visible,should return Height of the first line invisible part
• I found that the expectation of findfirstreferenceviewinline() was different from what I thought

Version of the flexbox library

*1.1.1 - 3.0.0

Link to code

//bottomSheetBehavior.java if (!target.canScrollVertically(-1)) { if (newTop <= collapsedOffset || hideable) { if (!isDraggable) { // Prevent dragging return } consumed[1] = dyUnconsumed ViewCompat.offsetTopAndBottom(child, -dyUnconsumed) setStateInternal(STATE_DRAGGING) } else { consumed[1] = currentTop - collapsedOffset ViewCompat.offsetTopAndBottom(child, -consumed[1]) setStateInternal(STATE_COLLAPSED) } }