Comments (13)
Hello @rafaelmotta for now react-native is not supported.
I am interested by adding the support of React Native, the best way would be to expose @xstyled/styled-components/native
.
I am a react-native user, if someone would want to work on it he is welcome!
from xstyled.
@bidah you are welcome to take it forward, I will not work on it.
from xstyled.
btw, the version 1.11.0
works pretty well on react native, but in 1.11+ I'm getting this error:
from xstyled.
@diegotsi did you ever find a solution to this?
from xstyled.
+1
would this project be available for react native in the future ? I also get an error that says
"scStyled__default.div is not a function"
from xstyled.
@neoziro cool. So I will try to implement something in the next days.
from xstyled.
Hello @rafaelmotta for now react-native is not supported.
I am interested by adding the support of React Native, the best way would be to expose
@xstyled/styled-components/native
.I am a react-native user, if someone would want to work on it he is welcome!
Well I would also like to add react native to the mix. Just wanna ask if you haven't moved forward with this @neoziro . If not I would be glad to give it a go.
from xstyled.
Hey!, updating about my intention of integration React Native I got a not so good update.
First of all I was unable to setup the DX for developing the addition to the library. Mainly I couldn't run locally the library on a react native project. I did tried out before this my own react native library on react native following in part this reference. (https://callstack.com/blog/adding-an-example-app-to-your-react-native-library/), but this time around I got stucked running the monorepo structure of xstyled. At some point the core library was not detected and couldn't make it run from that point. This without adding to the mix that linking does not work with metro bundler so it was not an option so I got out of options.
Any feedback around this issues is welcomed!
from xstyled.
So, I ended up using https://github.com/wix/wml to make it work. For anyone else wml add
the src
folder of each of the packages in your local copy of xstyled. e.g wml add ./xstyled/packages/core/src/ ./xstyled-fork/node_modules/@xstyled/core
from xstyled.
Hey @neoziro. So with wml
linking in place I can now move around add breakpoints and checkout the implementation step by step... still would be great if you could give me some feedback about how you see the addition could go.
from xstyled.
@diegotsi did you ever find a solution to this?
we are using version 1.11.0
and it's working
from xstyled.
Still an issue in v2.
from xstyled.
To be clear, React Native compatibility will not happen any time soon. I close this issue, feel free to open another if you want to work on it.
from xstyled.
Related Issues (20)
- Remove redundant styling props in the next major version of xstyled HOT 2
- useUp & useDown accept number values but don't support them
- xstyled v 3.7.0 typescript error HOT 2
- Incorrect breakpoint with useBreakpoint hook HOT 3
- Why height and width are shortened? HOT 2
- TS error when trying to export xstyled with added utilities HOT 1
- Document site is broken on android chrome when revisited. HOT 1
- Rename the color prop to just c HOT 10
- `border` shorthand handling is buggy HOT 1
- Fractional keys in the theme are not working HOT 1
- Passing `as` prop while using styled notation creates hydration errors in NextJS dev mode HOT 1
- The Documentation should have examples in typescript and plain javascript. HOT 1
- the documentation page has unnecessary horizontal scroll HOT 1
- I'm getting an error using in SSR with NextJS: Attempted import error: 'useState' is not exported from 'react' (imported as 'React').
- Exist a way to generate the style object or classNames to be used in other third party libraries?
- Incompatibility with GatsbyJS? I have problems to make builds to production, the components are not seen with the style.
- Is it possible to style an element based on parent hover? HOT 1
- Are nested color objects in theme supported?
- Nextjs app dir?
- Is there an easier way to adding new utilities?
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from xstyled.