Comments (6)
@brodybits not sure how this affect React Native, but its on our roadmap to eventually have a RN-specific version.
from stitches.
I'm thinking this would be doable. We would need an alternative api that turns style declarations (with keys and all) into a style object. Then we feed the style object into a ReactNative Stylesheet declaration. We could even offer breakpoint handling if we offered an alternative window listener that tracked the window width and height.
I'd like to do some digging next weekend, but @christianalfoni if you know of a high-level outline of how we could get a style object without calling stylesheets, would love your input
from stitches.
@gsgualbano Thanks for the feedback! :)
Support for react native is a bit of a scoping issue really, cause we have to explicitly support it in the core. Styled-components only supports React, so it is naturally within their scope to also support react native.
There is currently no natural hook to extend the core functionality into like: @stitches/react-native
, cause we have to change how the core works. Not outputting css classnames and producing stylesheets, but rather use the low level stylesheet API of react native.
So basically this would require a refactor of the core and make it more extensible.
Anyways, I am talking challenges. It is certainly possible, though will need to push it down the list a bit for now 😄
from stitches.
I would ❤️ stitches in react native!
from stitches.
I think this issue should stay open in order to track it.
from stitches.
Would DOM in core (PR #450) be redundant with React Native support?
from stitches.
Related Issues (20)
- Variants which contain numeric strings (e.g. "-12") and number keys (e.g. 12) are assigned a 'number' type when generating a union using the VariantProps type
- A Simplified Responsive Variants Api
- boxShadow isen't working when i use a color from my theme HOT 2
- Vendor prefix is stripped from WebkitBackgroundClip
- when using prefix, theme tokens in globalCSS aren't prefixed HOT 2
- Theme token not being parsed when overriding CSS prop (Next.js) HOT 1
- styled components not passing variants
- please consider using css string props like emotion HOT 2
- Is this project dead? HOT 2
- Container queries support HOT 2
- Chat about the future for stitches HOT 44
- When a responsive variant matches the @initial variant, the initial one is not applied. HOT 1
- reset function returned from createStitches is not in docs
- costum propreties like variants and sizes : example costum proprety
- export type of `css` function HOT 2
- (Feature request): Ability for child element to opt out of theme
- Dynamic props in styled
- Project Dead? HOT 1
- How to add `!important` automatically HOT 1
- Not compatible with `moduleResolution: "Bundler"`
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 stitches.