Adding views dynamically to LinearLayout not working as expected

Question

I'm inflating views inside a linearlayout dynamically, however once the linear layout reaches the end of the first row, it cuts off the rest and doesn't start on the second row.

for(int a = 0; a < mSkills.get(i).size(); a++){
    View singleSkill = LayoutInflater.from(mContext)
         .inflate(R.layout.singleskill, holder.mSkillLayout, false);
    TextView skillText = singleSkill.findViewById(R.id.singleskilltext);
         skillText.setText(mSkills.get(i).get(a));
         holder.mSkillLayout.addView(skillText);
}

For the linear layout I have it set to wrap_content for the height:

<LinearLayout
        android:id="@+id/ll_skills"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_below="@+id/tv_description"
        android:layout_margin="16dp"/>

I've tried setting it to a defined height e.g 300dp however that doesn't work either. How can I make the layout start on the second row, once the first is full?

LinearLayout cant do that kind of layouting. It's either only horizontal or vertical. — vilpe89
– vilpe89, Commented Feb 10, 2020 at 12:45
Linear Layout can either fill views horizontally or vertically so the 2nd row you are expecting cant be done with linear layout only. you can try horizontal scroll view for that to scroll horizontally. Or you can use this 3rd party for flow layout look github.com/nex3z/FlowLayout — nik
– nik, Commented Feb 10, 2020 at 12:48

nik · Accepted Answer · 2023-02-01 07:48:43Z

2

Linear Layout can either fill views horizontally or vertically so the 2nd row you are expecting cant to be done with linear layout only. you can try a horizontal scroll view for that to scroll horizontally. For the exact view-like flow that you described, you can use this 3rd party https://github.com/nex3z/FlowLayout

It can manage the flow of your dynamically inflated view such as if there is no space in the first line then it will put the next view in the second line.

also, you can use material design library chips https://material.io/components/chips/#usage

edited Feb 1, 2023 at 7:48

answered Feb 10, 2020 at 12:50

nik

3451 silver badge10 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

RobCo Over a year ago

Also check out this (google) library: https://github.com/google/flexbox-layout

Eugene Troyanskii · Accepted Answer · 2020-02-10 12:48:11Z

1

LinearLayout works exactly how it has to be because you specify it as horizontal. For such behavior, you need RecyclerView With GridLayoutManager or create your own layout;).

answered Feb 10, 2020 at 12:48

Eugene Troyanskii

9126 silver badges16 bronze badges

4 Comments

WHOATEMYNOODLES Over a year ago

Is recyclerview necessary because I don't want to recycle anything. I want to show all of them

Eugene Troyanskii Over a year ago

@davids. of course it depends on your needs. Just pointing you in one of the possible direction. What will you do if your skills list will be more then 100(for example)

WHOATEMYNOODLES Over a year ago

good point. But I'm using a swiping library so recyclerviews will have conflict when swiping it.

Eugene Troyanskii Over a year ago

@davids. actually it won't be a conflict if you disable scroll for RecyclerView.

SinaMN75 · Accepted Answer · 2020-02-10 13:01:28Z

1

Actually it's doing exactly as it should be, LinearLayout is Linear!, and place its subviews in a single horizontal or vertical row. My advice to you is that create dynamic horizontal LinearLayout as you already doing with TextViews. and put every 3 or 4 textviews (depending on screen size) inside it. and put all LinearLayouts inside one vertical LinearLayout...

Of course in your case, it's not a good idea, the best thing you can do is to use recycler view. but I consider you have problem with that.

answered Feb 10, 2020 at 13:01

SinaMN75

7,8476 gold badges35 silver badges72 bronze badges

2 Comments

WHOATEMYNOODLES Over a year ago

Good idea! I think I will use this solution because I'm using a swiping library which will cause an issue when using recyclerview.

SinaMN75 Over a year ago

Not sure, but try adding nested scroll enabled to false in the recycler view, see if t fixes your problem.

Collectives™ on Stack Overflow

Adding views dynamically to LinearLayout not working as expected

3 Answers 3

1 Comment

4 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

4 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related