rn-text-with-link
Create simple text component with hyperlink in React Native
Install
npm i rn-text-with-link
Example
Check App.js in the Example folder.
API
TextWithLink
string
text: Enter text through this.
urls could be represented by like this way. [label](url)
Example:
import TextWithLink from 'rn-text-with-link';
...
<TextWithLink
text={
'You acknowledge that you have read the [Privacy Policy](https://some_privacy_policy.com)'
}
/>
StyleProp<TextStyle>
style?: Style of normal text which not contains hyperlink
StyleProp<TextStyle>
linkStyle?: The style of hyperlink text.
(url: string) => void | CallbackTable
callback?: -
Function
type : Callback function of onPressEvent of hyperlink.
You can simply put !
in the url's place if you don't need to use url in your custom callback.
import TextWithLink from 'rn-text-with-link';
...
const gotoSignUpScreen = () => {
...
};
...
<TextWithLink
text={"Don't have an account? [Sign up](!)"}
callback={gotoSignUpScreen}
/>
-
CallbackTable
type (Object type)
It could be useful when you want to bind a different callback function to a particular "link".
You can simply put !
in the url's place if you don't need to use url in your custom callback.
Example:
import TextWithLink from 'rn-text-with-link';
...
const handleSignIn = () => {
...
};
const gotoSignUpScreen = () => {
...
};
...
<TextWithLink
text={"[Sign in](!) \nDon't have an account? [Sign up](!)"}
callback={{
'Sign in': handleSignIn,
'Sign up': gotoSignUpScreen,
}}
/>