React-native-render-html: Link of url can't click
i got a problem with link url,
the url is showing in page component but can't clicking or directing open browser
how to solve this issue?
bhiantara
All 10 comments
Please show us your code, we can't help you with so little information.
Exilz
on 26 Feb 2018
<Container style={{paddingLeft: 10, paddingRight:10, flex: 1}}>
<HTML html={this.state.data.htmlcontent} imagesMaxWidth={win}/>
</Container>
this is my code , App get html content from API ,
content html include tag link <a href ... >downlad</a>
but url link download cant clicking...
thanks
bhiantara
on 27 Feb 2018
Nothing wrong with that code, please copy/paste the HTML you're rendering.
Exilz
on 27 Feb 2018
You probably want to take a look at : onLinkPress
You can implement it such as : onLinkPress: (evt, href) => { Linking.openURL(href); }
LouisJS
on 28 Feb 2018
@LouisJS Oh.. Thanks work it..
bhiantara
on 1 Mar 2018
I asked myself the same question. Thanks.
So for others: Linking is not default, if there are <a...> in your HTML, you have to implement onLinkPress.
donni106
on 9 Aug 2018
How does one "implement onLinkPress?
tkserver
on 20 Aug 2018
Answered my own question by looking at the demo here: https://goo.gl/ewkqXx
tkserver
on 20 Aug 2018
You probably want to take a look at :
onLinkPress
You can implement it such as :onLinkPress: (evt, href) => { Linking.openURL(href); }
import {Linking } from 'react-native';
vikram-kodag
on 20 Apr 2020
Implement link in react native render Html complete example
https://infinitbility.com/how-to-open-any-link-from-react-native-render-html
infinitbility
on 26 Feb 2021
Related issues
Anitorious
路
7Comments
jamesawer3
路
3Comments
Aparus
路
3Comments
sayem314
路
6Comments
fahadhaq
路
6Comments
Most helpful comment
You probably want to take a look at :
onLinkPressYou can implement it such as :
onLinkPress: (evt, href) => { Linking.openURL(href); }