Comments (3)
Hi,
all your CSS properties like line-height: inherit
are transformed like so : { lineHeight: 'inherit' }
.
Obviously, <Text>
expects a number
for this prop, hence the bug.
I don't have a solution that would prevent this crash for all cases yet. If you have control over the HTML you're displaying, just remove those inherit
in your CSS.
If you don't, you can various props such as ignoredStyles
, alterNode
, alterChildren
to make sure that won't happen again.
from react-native-render-html.
I'm getting a similar error and wondering why the various renderers are used. That is, if you're using a WebView
why do you need to render some content with Text
?
I have some fairly complicated HTML that was created by Word and it's going to be a challenge trying to figure out what to fix or ignore. This HTML may also be updated in the future; I have no control over that process.
from react-native-render-html.
Not sure why this issue has been closed - there is an issue on iOS where it crashes while trying to render html pasted from a Word editor or similar other editor, I get the same issue.
font-variant: normal on a div produces that error:
Error setting property 'fontVariant' of RCTText with tag #1483: JSON value 'normal' of type NSString cannot be converted to NSArray
letter-spacing: normal on a div produces that error:
Error setting property 'letterSpacing' of RCTText with tag #1483: JSON value 'normal' of type NSString cannot be converted to NSNumber
This only applies to iOS, I don't get the same experience in Android.
from react-native-render-html.
Related Issues (20)
- Render Error, maximum call stack size exceeded (native stack depth) HOT 2
- `<img>` embeds possibly not making use of `srcset` attribute resulting in blurry images HOT 3
- It is slow, it takes to import the components around 2 seconds
- Need Help for Break Lines Implementation HOT 1
- webView props mediaPlaybackRequiresUserAction not work HOT 2
- Not working android Realme device HOT 1
- defaultTextProps style overwrites renderers HOT 1
- Email or text is not showing proper way
- Slow navigate to a screen contains 12k words (including table) HOT 1
- RTL is not working on p or div tag HOT 1
- the app crashes while rendering the table on Android. `table-plugin`
- How to disable Font Scaling in react-native-render-html v6 HOT 1
- Font family not working HOT 2
- React Native 0.74 (Bridgeless) Support HOT 1
- Bullet didn't move with text when add padding to list item
- React 0.74 - Update defaultProps to JavaScript default parameters. HOT 43
- Can not render superscript <sup> tag HOT 1
- Lots of warnings logged in tests with fake timers HOT 1
- Crashing Issue on Passing Invalid HTML Syntax [ Error: Invalid HTML: <br /></p>Sweep over cheeks with brush, blending from the apples of cheeks back towards the hairline.</p>sampai ke hairline. ] HOT 2
- <sup> looks just like <sub>
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-render-html.