これはなに?
以下のライブラリを使ってみたのでメモ
https://github.com/obipawan/react-native-hyperlink
何をするライブラリ?
テキストに含まれるURLをハイパーリンク化する。
上記GitHubのREADMEでデモの様子が動画で示されている。
使用方法は簡潔で、Text
要素をHyperlink
要素でラップするだけ。
export const defaultLink = () =>
<Hyperlink linkDefault={ true }>
<Text style={ { fontSize: 15 } }>
This text will be parsed to check for clickable strings like https://github.com/obipawan/hyperlink and made clickable.
</Text>
</Hyperlink>
使用上の注意点
対象はText要素のみであり、コンポーネントの名前が他のものであった場合には適用できない。
このため、ハイパーリンク化したいコンポーネントが自作コンポーネントなどText以外のものである場合は、要検討。
URLの抽出処理を自前で実装する方が綺麗になる可能性がある。