Comments (2)
So…this is a general problem with React Native Web + SSR.
You can either:
- enable SSR
- use responsive design
but you can’t do both. because of react’s hydration, you can’t do both. If you want to enable 1, pass ssr={false}
to the DripsyProvider.
I have written about SSR at great length on the Dripsy issues and PRs. If you google React Native Web SSR, responsive design or classname support, you’ll find me talking about it. I wish I had a better answer. There are some hacks people have used, but I haven’t found them satisfactory to use. Alternatively you could use tamagui for responsive design systems. But there’s a lot of magic under the hood there compared to Dripsy, and more boilerplate to use it.
hope that helps. when i’m on my computer tomorrow I can link to some issues if you’d like.
from solito.
Thanks for quick answer. enable SSR resolved my issue.
from solito.
Related Issues (20)
- solito website side nav on mobile looks broken HOT 7
- Missing web/index.html limits some web functionality HOT 3
- add a proper replace function in useRouter hook for redirects HOT 2
- pnpm HOT 1
- Solito Image in Expo Go HOT 7
- `replace()` should support deeply-nested navigators HOT 3
- Can't import png HOT 9
- create-solito-app fails to compile HOT 10
- Broken web link in Solito docs HOT 1
- How to implement responsive SolitoImage using nativewind ? HOT 5
- Update multiple params at once HOT 1
- "⚡️ Instant Clone & Deploy" TailwindCSS Example not working HOT 1
- solito.dev website is unavailable HOT 4
- SolitoImageProvider loader not working HOT 6
- Cannot navigate to index "/" using Solito Links HOT 5
- Bump metro resolution in expo-router start HOT 2
- Next 13 appDir HOT 1
- SolitoImage not working on native from minimal starter project HOT 7
- next-transpile-modules is deprecated and I believe it's slowing down the site HOT 2
- Feature Req: Interaction Sync across Devices w/ BrowserSync-like solution for real time responsive design dev HOT 2
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 solito.