Skip to content

[FlatList] Rows aren't rendered until scroll #1831

Closed
@michalraska

Description

@michalraska

Hi,
I have list view which displays partially local and partially remote data. Local data are initial for ListView.DataSource. This datasource is set in state of my custom component which wraps ListView and passed in render method to ListView. When are remote data received, new datasource is cloned by cloneWithRowsAndSections method and set to state of custom component. Problem is that are re-rendered only already displayed rows and new rows are rendered after scroll.

renderbug

Is it bug or how I should to force rendering of ListView? With react-native 0.5 it worked but after upgrade to 0.6 it behaves as described above.

Activity

Furizaa

Furizaa commented on Jul 2, 2015

@Furizaa

+1
Encountering exactly the same problem. Worked with 0.5 but broke with 0.6.

ide

ide commented on Jul 2, 2015

@ide
Contributor

This should be fixed in 0.7

yamill

yamill commented on Jul 2, 2015

@yamill
Contributor

I was experience the same exact problem.

cloneWithRows works fine. but cloneWithRowsandSections doesn't.

sahrens

sahrens commented on Jul 2, 2015

@sahrens
Contributor

Are you seeing cloneWithRowsandSections not working with 0.7?

Also, you might want to try setting initialListSize to a larger number - that might help as a workaround if things aren't fixed in 0.7 for you.

michalraska

michalraska commented on Jul 3, 2015

@michalraska
Author

Bigger initialListSize does not help and 0.7 I have not tried yet because vendors dependency. As it will be possible I let you know about 0.7 if somebody will not be quicker :)

coderdave

coderdave commented on Jul 4, 2015

@coderdave

Having the same issue with cloneWithRows in version 0.6, was working in 0.5.

yamill

yamill commented on Jul 4, 2015

@yamill
Contributor

Haven't tried it in 0.7. Will give it a try. I know that I also had tried setting the initialListSize to a higher number previously and didn't help.

Shimaa-Hassan

Shimaa-Hassan commented on Jul 8, 2015

@Shimaa-Hassan

worked in 0.7

coderdave

coderdave commented on Jul 12, 2015

@coderdave

Also not working in 0.7.1

ghislaindj

ghislaindj commented on Jul 15, 2015

@ghislaindj

Having the same issue with cloneWithRows in version 0.7.1

michalraska

michalraska commented on Jul 23, 2015

@michalraska
Author

For me it works well in 0.7.1.

yamill

yamill commented on Jul 29, 2015

@yamill
Contributor

Does not work in 0.8.0.

Still using cloneWithRows instead of cloneWithRowsAndSections

coderdave

coderdave commented on Jul 29, 2015

@coderdave

cloneWithRows works for you yamill? Doesn't for me in 0.8.0.

yamill

yamill commented on Jul 29, 2015

@yamill
Contributor

@coderdave actually cloneWithRows doesn't work for me either. my mistake.

261 remaining items

Loading
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      No branches or pull requests

        Participants

        @javache@Intellicode@sjmueller@amccloud@cancan101

        Issue actions

          [FlatList] Rows aren't rendered until scroll · Issue #1831 · facebook/react-native