最新消息:Welcome to the puzzle paradise for programmers! Here, a well-designed puzzle awaits you. From code logic puzzles to algorithmic challenges, each level is closely centered on the programmer's expertise and skills. Whether you're a novice programmer or an experienced tech guru, you'll find your own challenges on this site. In the process of solving puzzles, you can not only exercise your thinking skills, but also deepen your understanding and application of programming knowledge. Come to start this puzzle journey full of wisdom and challenges, with many programmers to compete with each other and show your programming wisdom! Translated with DeepL.com (free version)

javascript - Sharing data to social media in React native - Stack Overflow

matteradmin7PV0评论

I have an app in which i want to share specific data to social media like facebook,twitter,pinterest etc once the user clicks on the social icon. I have already used react native link which sends me to the pages of these platforms. But i want to share data to these once clicked. I have done this for whatsapp which is like this:

    <TouchableOpacity onPress={() => {
                let url = 'whatsapp://send?text=${hello}&phone=${01753362960}';
                Linking.openURL(url).then((data) => {
                  console.log('open whatsapp', data)
                }).catch(() => {
                  console.log('App not installed')
                });
              }} >
            <Icon name='logo-whatsapp' style={{color: '#395894', fontSize: 30, marginRight: 10}}/>
     </TouchableOpacity>

I have an app in which i want to share specific data to social media like facebook,twitter,pinterest etc once the user clicks on the social icon. I have already used react native link which sends me to the pages of these platforms. But i want to share data to these once clicked. I have done this for whatsapp which is like this:

    <TouchableOpacity onPress={() => {
                let url = 'whatsapp://send?text=${hello}&phone=${01753362960}';
                Linking.openURL(url).then((data) => {
                  console.log('open whatsapp', data)
                }).catch(() => {
                  console.log('App not installed')
                });
              }} >
            <Icon name='logo-whatsapp' style={{color: '#395894', fontSize: 30, marginRight: 10}}/>
     </TouchableOpacity>
I have done this for twitter also. But when that icon is clicked it shows the alert that the app is not installed although it was installed on my device.It was like:

 let url = 'twitter://send?text=hello this is checked'

How can i do this for other social media platforms?

Share Improve this question asked Jan 29, 2019 at 10:46 Kazi RahamatullahKazi Rahamatullah 4712 gold badges5 silver badges18 bronze badges 1
  • Have you tried this? Why do you think that twitter has /send page? – TeaNyan Commented Jan 29, 2019 at 10:52
Add a ment  | 

3 Answers 3

Reset to default 1

For twitter please use this,

let url = 'twitter://post?message=${yourMsg}'

I would do it this way: https://facebook.github.io/react-native/docs/share

This way the user can chose what app he wants to share to based on apps installed on users device

react-native-share is a good package to use for making some stuff share at different platforms. Back in early 2019 this package wasn't this much mature, but now it's really usefull.

https://github./react-native-munity/react-native-share

Have a look at here. Thanks.

Post a comment

comment list (0)

  1. No comments so far