Package Exports
- rn-text-with-link
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (rn-text-with-link) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
rn-text-with-link
Create simple text component with hyperlink in React Native
Install
npm i rn-text-with-linkExample
Check App.js in the Example folder.
API
TextWithLink
text: string
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)'
}
/>
style?: StyleProp<TextStyle>
Style of normal text which not contains hyperlink
linkStyle?: StyleProp<TextStyle>
The style of hyperlink text.
callback?: (url: string) => void | CallbackTable
Functiontype : 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}
/>
CallbackTabletype (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,
}}
/>