iOS/Android pure javascript react-native component that renders your HTML into 100% native views
BSD-2-CLAUSE License
Bot releases are hidden (Show)
Published by jsamr over 2 years ago
Published by jsamr almost 3 years ago
Published by jsamr almost 3 years ago
Published by jsamr almost 3 years ago
If you encounter any issue while upgrading to v6.3.0, comment in this thread.
TNodeChildrenRenderer
as a prop to custom renderers (9dd2bf1)Published by jsamr almost 3 years ago
This release is focused on accessibility! Moreover, it empowers model-based custom rendering which can now define props passed to Text
and View
elements of renderers. Check out our blog post for a full dive into this release features.
borderless
prop to custom GenericPressable
(f06af7a)__DEV__
in the global scope (f9bb9e9)href
is empty or absent (4e1f2f4)getNativePropsForTnode
util method (d983d0d)user-select
CSS property (8442b2f)aria-label
and aria-role
HTML attributes (2b27f00)reactNativeProps
and getReactNativeProps
in HTMLElementModel
, this little change gives model-based custom rendering considerably more leverage. (4ee1646)getUADerivedStyleFromAttributes
in favor of getMixedUAStyles
in HTMLElementModel
, which allows access to the underlying TNode
and again empowers model-based custom rendering.onPress
prop now have a11y roles (11723f0)HTMLElementModel.extend
to take a merge function (9b3a007)onPress
from element models native props (7dc5577)Published by jsamr almost 3 years ago
borderless
prop to custom GenericPressable
(f06af7a)onPress
according to announced merging specifications (8a88457)Published by jsamr about 3 years ago
__DEV__
in the global scope (f9bb9e9)Published by jsamr about 3 years ago
Published by jsamr about 3 years ago
This release is focused on accessibility! Moreover, it empowers model-based custom rendering which can now define props passed to Text
and View
elements of renderers.
href
is empty or absent (4e1f2f4)aria-label
and aria-role
HTML attributes (2b27f00)user-select
CSS property (8442b2f)reactNativeProps
and getDynamicReactNativeProps
in HTMLElementModel
, this little change gives model-based custom rendering considerably more leverage. (4ee1646)getUADerivedStyleFromAttributes
in favor of getUADynamicMixedStyles
in HTMLElementModel
, which allows access to the underlying TNode
and again empowers model-based custom rendering.Published by jsamr about 3 years ago
renderIndex
and renderLength
props to TDefaultRendererProps
(4f032d3)enableExperimentalBRCollapsing
prop to prevent extraneous spaces (e019a5a), closes #516, see official documentation
enableExperimentalGhostLinesPrevention
to circumvent RN bug (3645211), see official documentation
provideEmbeddedHeaders
prop to pass headers to img, iframes and other embedded in the future (2ea1ca6)bypassAnonymousTPhrasingNodes
prop (90b8a3d), closes #514
Published by jsamr about 3 years ago
renderIndex
and renderLength
props to TDefaultRendererProps
(4f032d3)enableExperimentalBRCollapsing
prop to prevent extraneous spaces (e019a5a), closes #516
enableExperimentalGhostLinesPrevention
to circumvent RN bug (3645211), closes #516
provideEmbeddedHeaders
prop to pass headers to img, iframes (2ea1ca6)Published by jsamr about 3 years ago
Published by jsamr about 3 years ago
Published by jsamr over 3 years ago
Published by jsamr over 3 years ago
Published by jsamr over 3 years ago
No user-facing changes.
Published by jsamr over 3 years ago
No user-facing changes.
Published by jsamr over 3 years ago
The Foundry release is finally stable, and is now-on the recommended version. Check out the announcement blog post in our brand new website. We also have a migration guide for those who're coming from v5 and below.
This changelog highlights changes from v5. There are no changes since version 6.0.0-beta.8
GenericPressable
prop to customize the component wrapping interactive views (707374a), closes #472
pressableHightlightColor
prop to customize pressable appearance (e5dfa1e)sharedProps
from custom renderers (0d2199e)react-native
field in package.json for metro (10dfc82)RenderersProps
(97dabc1)enableExperimentalRtl
in renderersProps.ol|ul
(96daa5e)getFallbackListStyleTypeFromNestLevel
in renderersProps.ol|ul
(1377ef7)renderersProps.ol|ul
(316e706)dangerouslyDisableHoisting
prop (e6c7328)defaultListStyleSpecs
for customization. (2f9ed01)defaultSystemFonts
and defaultFallbackFonts
(0c4207c)buildTREFromConfig
for testing (c13e1a7)propsFromParent
in custom renderers and children renderers (3bc1b52), closes #228
renderersProps.(ol|ul).enableDynamicMarkerBoxWidth
prop (f87b9f6)selectDomRoot
prop to select a custom root (31bbff7)setMarkersForTNode
prop (63caa4d)useIMGElementStateWithCache
hook for images (54dc1bc)customListStyleSpecs
to support additional list-style-type
(84ec025)RenderHTMLSourceDom
to render a DOM object (eeec894)RenderHTMLSource
(4e4cd09)CustomElementModel
type from TRE (c5a01f0)HTMLModelRecord
from TRE (a9c9cf3)isDomNode
and isDomText from TRE (cedcf7a)SetMarkersForTNode
from TRE (eaa3928)TNodeDescriptor
from TRE (157983c)TNodePrintOptions
type from TRE (6f3265c)"object-fit"
CSS property for images (24f72b0)"start"
attribute in ol and ul elements (b9d3154), closes #336
"upper-latin"
and "lower-lattin"
list-style-type CSS props (a0da60d)enableRemove*MarginIfNested
for list renderers (e0fe7c6)nodeIndex
and parent
fields in TNode
(fe2504c)a
elements (6974ce6), closes #285
decimal-leading-zero
list style type prefix (526e226)disclosure-*
list style type prefixes (218982d)lower-greek
list style type prefixes (3aac2c8)lower-latin
and upper-latin list prefix styles (4d4805c)propsFromParent
prop (6427732)defaultViewProps
prop (ce49232)target
argument to onLinkPress
handler (139b0c3)getListStyleTypeFromNestLevel
prop to HTMLListElement
(5ae3e6a)splitBoxModelStyle
utility (b1adcbc)enableExperimentalMarginCollapsing
prop (ae6c553)useSharedProps
(f1d7b16)fallbackFonts
and systemFonts
props for font selection (6888a96)defaultTextProps
prop (c297ed1)useInternalRenderer
hook to reuse internal rendering logic (8c292da)computeEmbeddedMaxWidth
prop as per [email protected] (6c9d70f)RenderHTMLDebug
wrapper component to warn users (22625b4)cachedNaturalDimensions
prop to useIMGelementState
hook (ed976bb)onDocumentMetadataLoaded
prop (9f55907)TRenderEngineProvider
and RenderHTMLFragment
components (7d50e72)extendInternalRenderer
utility (d7bb1da)onTTreeChange
(5ecdcab)renderChild
prop to TChildrenRenderer
(db78c54)onHTMLLoaded
prop (981b49b)alterData
, alterChildren
and alterNode
(18dc001)useIMGElementState
hook (399eb54), closes #424
htmlParserOptions
prop (624c57e)source
prop, identical to react-native-webview (3a16487)source.headers
in useIMGElementState
hook (a49e958)triggerTREInvalidationPropNames
prop (89ee25c)useRendererProps
hook (87982c4)debug
is set to false (cb5b42b)renderersProps.(ol|ul).markerTextStyle
prop (6ca54e9)renderersProps.(ol|ul).markerBoxStyle
prop (c929643)collapseTopMarginForChild
utility (199be12)alter*
props in favor of domVisitors
(ffb1f58)TDocumentRenderer
to prevent rendering from ascendents (2ec060b)ignoreDOMNode
with ignoreDomNode
(9ec6403)ignoredTags
with ignoredDomTags
(b60d6eb)<img>
tags, style dimensions should prevail over attributes (de3b473)And all these unlisted in commits: #94, #118, #144, #150, #151, #156, #165, #227, #228, #243, #263, #286, #312, #336, #344, #360, #369, #371 #414, #418, #419, #420, #424, #429, #432, #470, #481, #482, #484
Those are breaking changes from v5. Consumers of the beta will not encounter breaking changes.
ignoredTags
has been replaced with ignoredDomTags
for naming consistency.alterNode
, alterData
and alterChildren
have been dropped in favor of domVisitors
. The latter is an object with 3 optional callbacks, onElement
, onDocument
and onText
which you can use to intercept and tamper nodes during parsing. Take advantage of domutils library to delete, insert and manipulate those nodes.ignoreNodesFunction
is now ignoreDomNode
for naming consistency.enableExperimentalPercentWidth
has been discontinued. Use renderersProps.img.enableExperimentalPercentWidth
instead.onLinkPress
prop has been discontinued. Use renderersProps.a.onPress
instead.imagesInitialDimensions
has been moved to renderersProps.img.initialDimensions
listsPrefixesRenderers
prop has been discontinued. Use customListStyleSpecs
instead.ptSize
prop. Point is supposed to be an absolute (pixel independent) size and unfit for display devices. It will be translated by the CSS processor to an absolute unit.containerStyle
and customContainer
props have been dropped. Use baseStyle
prop instead to style the root component.textSelectable
and allowFontScaling
. Use defaultTextProps.selectable
and defaultTextProps.allowFontScaling
instead.uri
and html
props have been dropped. Replace uri
with source={{ uri: 'http://...' }}
and html
with source={{ html: '<div> ...' }}
. The former now allows body
, headers
and method
fields.decodeEntities
prop has been dropped. Pass this option to htmlParserOptions
prop instead.computeImagesMaxWidth
has been replaced with computeEmbeddedMaxWidth
. The two props are very similar, but the latest takes an extra argument, "tagName", which is the tag for which a width constrain should be enforced. It is planned to work with the @native-html/iframe-plugin extension.