React Native how to open Social Media URL's on native app

Question

I want to add my social media links on my app. But when I add them with url, they are opening on browser. When I use facebook:// system, It doesnt work on Android.

I want my URL's to work as "if app is exist, then open it on app."

That doesnt work on Android:

import * as Linking from 'expo-linking'

          <TouchableOpacity style={[styles.iconButton, { backgroundColor: '#3b5998' }]} onPress={() => Linking.openURL('fb://page/blablabla')}>
            <FontAwesome name="facebook" size={26} color="#fff" />
          </TouchableOpacity>

That doesnt open URL's on their native app:

          <TouchableOpacity style={[styles.iconButton, { backgroundColor: '#3b5998' }]} onPress={() => Linking.openURL('https://www.facebook.com/blablabla')}>
            <FontAwesome name="facebook" size={26} color="#fff" />
          </TouchableOpacity>

Does this answer your question? [React Native open Facebook page](https://stackoverflow.com/questions/46616348/react-native-open-facebook-page) You can check with `Linking.canOpenURL()` if user has the app and fallback to url if it doesnt. https://roadtoblogging.com/get-facebook-page-id/ — Ugur Eren, Jul 30 '21 at 06:01

score 0 · Answer 1 · edited Jul 30 '21 at 06:33

0

this is how you can open link.

import { View, Text, Image, Linking, TouchableOpacity} from 'react-native'


<TouchableOpacity style={{ marginVertical: 5 }} onPress={()=>{ Linking.openURL(item.link)}}>
   <Text style={{ alignSelf: 'center', color: '#2575FC' }}>
       Click here to read more
   </Text>
</TouchableOpacity>

edited Jul 30 '21 at 06:33

answered Jul 30 '21 at 06:19

Engr.Aftab Ufaq

3,356
3
21
47

I want to open it with deep linking. But it doesnt work on android. – TCS Jul 30 '21 at 06:42
please check this link https://stackoverflow.com/questions/46616348/react-native-open-facebook-page – Engr.Aftab Ufaq Jul 30 '21 at 07:33

React Native how to open Social Media URL's on native app

1 Answers1