외부링크 클릭 이벤트 - Linking

웹사이트에서 어떠한 정보를 가져올 때 출처를 밝혀야할때가 있는데, 그럴경우 버튼을 클릭하면

해당 링크로 연결해줄 수 있는 클릭이벤트가 Linking 이다.

 

* expo에서 제공해주는 도구를 우선 설치해보자.

  expo install expo-linking

 

설치한 도구를 사용하기위해 외부링크 버튼을 추가한 DetailPage.js 에 임포트해주자!

import * as Linking from 'expo-linking';

→ 참가로, * as 는 내가 Linking 이라는 이름으로 가져와 사용하겠다는 의미 

 

 

이제 본격적으로 사용해주기위해 함수를 만들어보자.

const link = () => {

     Linking.openURL("www.naver.com")

}

 

마지막으로 버튼에 연결해주면 끝 onPress={()=>link()

 

지금은 이 정보를 그냥 버튼에 간단하게 작성하였지만, 내용마다 출처가 다를경우 그 URL정보를 저장하고 있다가 불러와서 서로 다른 링크에 연결해준다면 활용성이 높아보인다!