리액트 네이티브 - Expo 여러 앱기능 - 페이지 내용 공유하기

하이루·2021년 10월 22일
0

Share 기능 불러오기

import { Share } from 'react-native';

Share 함수 만들기

 const share = () => {
        Share.share({
            message:`${tip.title}  ${tip.desc} ${tip.image}`,
        });
    }
    

Share.share({
               message:`${tip.title}  ${tip.desc} ${tip.image}`,
              });
              --> message의 내용을 공유함
                 --> `` = 햅틱 --> 내부에 문자를 삽입하기 위해 햅틱으로 감쌈
                             --> 햅틱은 띄어쓰기도 인식함
                            
                 ` ${tip.title} ` --> tip딕셔너리의 title키의 내용이 삽입됨
 
 
 

Share 함수 사용

       <View style={styles.buttonGroup}>
                      <TouchableOpacity style={styles.button} onPress={()=>share()}><Text style={styles.buttonText}>팁 공유하기</Text></TouchableOpacity>
                  </View>
profile
ㅎㅎ

0개의 댓글