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.

Doesn't play nice with styled components

See original GitHub issue

I found that this library renders glitchy animations when using styled-components, glamorous-native or a custom styled components API, switching to the typical way of writing styles in RN fixes things. I wrote a light custom styled-components-like function to do some debugging.

kapture 2018-05-11 at 14 21 48

Top: Not using styled components. Bottom: Using styled components.

Code to reproduce available here.

Issue Analytics

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

github_iconTop GitHub Comments

2reactions
chrfalchcommented, May 24, 2018

@sonaye The last version in develop now supports retrieving rendered props from components like the one you wrote - just mentioning it you’d like to try 😃 Haven’t released it yet.

0reactions
lXSPandoracommented, Jul 16, 2018

Can we re-open this because still not working nice with styled components @sonaye @chrfalch

Read more comments on GitHub >

github_iconTop Results From Across the Web

Extending styles with styled-components not working
I'm trying to extend styles for a react component using styled-components but is not working. AFAIK, I'm doing it the right way, ...
Read more >
Doesn't play well with material-ui v4 · Issue #224 - GitHub
In the newest major update of Material-UI, there is a styled function that is somewhat similar to styled-components.
Read more >
FAQs - styled-components
This command searches the local dependencies and tries to simplify the structure by moving common dependencies further up the tree. Note. Be aware...
Read more >
The styled-components Happy Path - Josh W Comeau
For a few years now, my #1 favourite tool for managing CSS in React apps has been styled-components. It's a wonderful tool.
Read more >
How To Use Styled-Components In React - Smashing Magazine
Styled components are a CSS-in-JS tool that bridges the gap between components and styling, ... But it doesn't work that way.
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