react native 拨打电话以及跳转网址

时间:2024-05-22 08:57:42

之前在写纯前端的时候需要调用安卓的方法才能打电话,现在直接使用react native来进行写直接调用,太方便了

show(){
        // let url = 'http://www.baidu.com';
        Linking.openURL('tel:10086')
    }

URL用来跳转链接界面,'tel:10086’直接拨打电话。

实例

render(){
        let  report = [];
        for(var i in this.props.news){
            let text = (
                <View style={{justifyContent:'space-between', alignItems:'center',height:40,borderBottomColor:'#EAEAEA',borderStyle:'solid',borderBottomWidth:1,
                marginLeft:10,marginRight:10,flexDirection:'row'
                 }}>
                <Text                
                 numberOfLines={1} style={{fontSize:15,fontWeight:'bold'}} >{this.props.news[i].name}</Text>
                 <Text onPress={
                    this.show.bind(this,this.props.news[i].rowid) 
                }   
                style={{fontSize:15,fontWeight:'bold',height:30,backgroundColor:'grey'}}>
                    拨打电话
                 </Text>
                 </View>
                
            );
            report.push(text)
        }

从数据接口中获取数据,再通过props进行传递react native 拨打电话以及跳转网址
直接跳转。