Breaking News: Grepper is joining You.com. Read the official announcement!

How To Open Phone Dialer and Make Call From React Native App

Anatu Green answered on March 19, 2022 Popularity 7/10 Helpfulness 6/10

answer How To Open Phone Dialer and Make Call From React Native App

How To Open Phone Dialer and Make Call From React Native App

Comment

import React from 'react';
import {
  View,
  Text,
  Linking,
  TouchableOpacity,
  Platform,
  StyleSheet,
} from 'react-native';

const Home = () => {
  const openDialScreen = () => {
    let number = '';
    if (Platform.OS === 'ios') {
      number = 'telprompt:${091123456789}';
    } else {
      number = 'tel:${091123456789}';
    }
    Linking.openURL(number);
  };

  return (
    <View style={styles.container}>
      <TouchableOpacity onPress={() => openDialScreen()}>
        <Text style={styles.TextStyle}>Click to Open Dial Screen </Text>
      </TouchableOpacity>
    </View>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: 'white',
  },
});

export default Home;

Popularity 7/10 Helpfulness 6/10 Language javascript

Source: reactnativeforyou.com

Tags: call javascript react-native

Link to this answer
Share Copy Link