Comments (8)
This seems like a react-native-web issue with flatlist. Try updating to rnw 0.19.10
Also the native storybook doesn't work as well on web so thats why we have the storybook:web script to run addon-react-native-web.
from react-native.
By the way you need to wrap text in the Text component
from react-native.
@dannyhw Thanks for the reply, i tried react-native-web latest but no luck. Yup i prefer the output with storybook:web but my problem is that nativewind css classes are removed for some reasons when running that storybook script.
from react-native.
What version of nativewind?
from react-native.
@dannyhw I use @4.0.1
from react-native.
try adding this babel plugin to your @storybook/addon-react-native-web
addon config like in this comment:
storybookjs/addon-react-native-web#81 (comment)
[
'@babel/plugin-transform-react-jsx',
{
runtime: 'automatic',
importSource: 'nativewind',
},
],
from react-native.
try adding this babel plugin to your
@storybook/addon-react-native-web
addon config
@oliviercperrier did this solved your issue?
from react-native.
Fixed on nativewinds side in the latest v4 version
from react-native.
Related Issues (20)
- Custom font usage HOT 4
- Removing demo component from causes issues HOT 3
- use with ``react-native-linear-gradient`` in storybook project HOT 4
- [Regression] Stories configuration object not working with auto titles HOT 2
- using `configure` leads to CSF story not showing in the stories list until hot reload is triggered HOT 4
- Unable to resolve "@storybook/react/dist/config" from "node_modules/@storybook/react-native/dist/preview.js" HOT 4
- Unit tests for Storybooks failing in React Native 0.73.1 HOT 3
- Headless render tests: @storybook/test-runner support or Storyshots alternative? HOT 4
- Unable to resolve module react/jsx-runtime in low version of React
- Android Bundling failed 3112ms Unable to resolve "@storybook/react-native" from ".storybook/index.tsx" HOT 12
- Add 'check' option in @storybook/addon-ondevice-controls HOT 5
- Documentation improvement request
- HMR issues HOT 4
- [Bug]: Passing props to TextInput causes error HOT 4
- Sidebar doesn't display stories with react-native-tvos HOT 11
- @storybook/react-native webpack bundler support HOT 2
- Generates TypeScipt while project is JS HOT 4
- using props.children results in an `Out of Memory Error` HOT 18
- examples/expo-example: does not install out of the box 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 react-native.