search

naoufal / react-native-accordion

An Accordion Component for React Native
https://www.npmjs.com/package/react-native-accordion
437 stars 101 forks source link

Flash of black rectangle #28

Closed GeoffreyPlitt closed 7 years ago

GeoffreyPlitt commented 8 years ago

I'm seeing a flash of black rectangle when running the example, on both Android and iOS.

naoufal commented 8 years ago

@GeoffreyPlitt can you provide a code snippet and video example?

tnortman commented 8 years ago

@naoufal Hi, I am having the same problem. You will see in the video the black box flashing as @GeoffreyPlitt says. There is also a bug where the ListView does not render all the way down the screen until the user drags down/up (seen towards end of video) .Accordion Video

tnortman commented 8 years ago

After some playing around, the black flash (for me) came into effect when I had a 'marginTop' on the header. This is fixed by simply moving the 'marginTop' to the Accordion component itself.

That being said I am still having the issue where half of the Accordion's do not show up upon initial render until the user scrolls.

ddresch commented 7 years ago

@tnortman not sure if you mean the same issue.

But there is a prop of Accordion, called underlayColor you can use that to set the color of the TouchableHighlight which is used for the header. So like that you can adjust it to your desired background color.

sergiocloud commented 7 years ago

I have solved that problem with underlayColor prop setting to white.

naoufal commented 7 years ago

Thanks for reporting back @sergiocloud.