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.

Animated.View and ListItem

See original GitHub issue

Hi guys,

This is a question because I can see issues using Animated.View into lists, what’s the correct way to use animations with ListItem? The touch doesn’t work well:

<ListItem>
  <Animated.View>
  </Animated.View>
</ListItem>

Result: The position of the items are incorrect and the touch doesn't work well or

<Animated.View>
  <ListItem>
  </ListItem>
</Animated.View>

Result: I can't see the items

Let me know what you think, I’m using the last version of NativeBase

Thanks in advance!

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:7 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
SupriyaKalghatgicommented, May 30, 2018

we can keep this issue open if you provide your code over snack

1reaction
SupriyaKalghatgicommented, May 30, 2018

@jdnichollsc We helped you by providing many examples, which is working perfectly fine at out end.

May be break down your code by trying out just this snippet, without adding any other logic

Read more comments on GitHub >

github_iconTop Results From Across the Web

How To Animate Items In List Using AnimatedList In Flutter
List view in general is very essential in any front-end framework. It contains the list of data called items to be displayed to...
Read more >
AnimatedList (Flutter Widget of the Week) - YouTube
You can use it to animate your lists when inserting or removing items. ... https://goo.gle/307BX6t This video is also subtitled in Chinese, ...
Read more >
Animations - React Native
Animated exports six animatable component types: View , Text , Image , ScrollView , FlatList and SectionList , but you can also create...
Read more >
How to easily animate your screens and components
Here we have already an existing Participant list component ( full code which you ... Let's import Animated from reanimated and replace View...
Read more >
Animate listview items when they are added/removed from ...
Since my listitem is a component I can also rephrase the question to: How do I animate a component just before it unmounts?...
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