페이지 내용 공유하기 - Share

페이지 내용을 간단하게 문자, 이메일, 카카오톡 등으로 공유하는 기능을 사용해보자.

1. Share

별도 설치할 라이브러리 없이 react-native에서 기본적으로 제공을 해준다. (임포트만 해주면 끝)

import { share } from 'react-native';

 

 

Share함수를 만들고 거기에 react-native에서 제공해주는 사용법대로 작성해보자.

 

  const share = () => {         

       Share.share({             

          message:`${tip.title} ${tip.desc} ${tip.image}`,         

   });     

}   

 

위와같이 메세지로 보내고싶은 내용들을 담으면 되고! 마지막으로 버튼에 onPress로 연결해주면된다.

onPress={()=>share()}

 

공유모습

이미지가 실제 이미지형태로 공유가되면 좋겠지만! 링크형태로 공유가 된다.

간단한 내용들을 공유하기에는 활용도가 높다고 생각된다!