question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Wrapping ListView in ScrollView doesn't render fully inside GridLayout set to *

See original GitHub issue

Which platform(s) does your issue occur on?

Tested on android

Wrapping a ListView Inside a GridLayout set to * nested in a ScrollView or it won’t render the list to its full height.

This works as expected

<GridLayout class="page page-content" rows="*">

    <ListView row="0" [items]="items" class="list-group">
        <ng-template let-item="item">
            <Label [nsRouterLink]="['../item', item.id]" [text]="item.name" class="list-group-item"></Label>
        </ng-template>
    </ListView>

</GridLayout>

This does not work - the list is only 1 item tall.

<ScrollView orientation="vertical">
   <GridLayout class="page page-content" rows="*">

    <ListView row="0" [items]="items" class="list-group">
        <ng-template let-item="item">
            <Label [nsRouterLink]="['../item', item.id]" [text]="item.name" class="list-group-item"></Label>
        </ng-template>
    </ListView>

   </GridLayout>
</ScrollView>

TNS 4.1.1 NativeScript angular 6.1.0-rc.0

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:6 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
IAMtheIAMcommented, Aug 21, 2018

Thanks for the update.

0reactions
lock[bot]commented, Aug 26, 2019

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Flutter gridview inside listview - Stack Overflow
I have used a flutter GridView inside a ListView , both are vertical scrolling: body: ListView( children: <Widget>[ GridView.count( ...
Read more >
ScrollView - Android Developers
To add multiple views within the scroll view, make the direct child you add a view group, for example LinearLayout , and place...
Read more >
Common bugs in React Native ScrollView and how to fix them
React Native's ScrollView component is ubiquitous, but its implementation can sometimes lead to mistakes. Learn what to look out for here.
Read more >
How to Make Android Constraintlayout Scrollable ... - YouTube
2- Open activity_main.xml file and change the root layout from Android Constraintlayout to Scrollview. 3- Add a Constraintlayout inside the ...
Read more >
UXML element ScrollView - Unity - Manual
Wrap text of elements inside ScrollView · Style the Label element with any of the following methods: In UI Builder, in the Inspector...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found