React-Native之Android(6.0及以上)權(quán)限申請(qǐng)?jiān)斀?/h1>

 更新時(shí)間：2017年11月16日 16:45:07   作者：mochixuan  

這篇文章主要介紹了React-Native之Android(6.0及以上)權(quán)限申請(qǐng)?jiān)斀?小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

為什么Android要申請(qǐng)權(quán)限

簡(jiǎn)單說(shuō)下在Android6.0及6.0以上一些google認(rèn)為涉及“危險(xiǎn)和用戶隱私”的一些權(quán)限不僅要做清單文件(android/app/src/AndroidMainfest.xml)里面申請(qǐng)，還有單獨(dú)調(diào)用api，去讓用戶選擇是否同意你申請(qǐng)這個(gè)權(quán)限。

例如：你想要你的app有讀寫(xiě)手機(jī)外置內(nèi)存卡權(quán)限，那么你需要在清單文件里面加下面兩行看字母應(yīng)該懂的吧。但如果你的(android/app/build.gradle)里的 android{defaultConfig {targetSdkVersion 23} } targetSdkVersion >= 23你需要?jiǎng)討B(tài)去申請(qǐng)權(quán)限，我發(fā)現(xiàn)react-native init app里面的targetSdkVersion = 22這個(gè)，，，巧妙的躲過(guò)了，但有些手機(jī)系統(tǒng)是6.0或以上的手機(jī)targetSdkVersion 22是獲取不到有些權(quán)限的，至少我知道的樂(lè)視就是無(wú)法逃脫，其他手機(jī)應(yīng)該也有，而且這是一個(gè)android的安全機(jī)制，現(xiàn)在開(kāi)發(fā)的app都應(yīng)該盡量去遵守。

不多解釋了想了解可以search一下

<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>

效果

 

 

前提

(android/app/src/AndroidMainfest.xml) targetSdkVersion 改到 23或以上 ，為什么要改？？？？看上面

開(kāi)始

React-Native里面有PermissionsAndroid去動(dòng)態(tài)申請(qǐng)權(quán)限，再說(shuō)一句，動(dòng)態(tài)申請(qǐng)同意一次就可以下次調(diào)用申請(qǐng)它不會(huì)再提醒用戶選擇了，如果拒絕了，可以再次申請(qǐng)，且在申請(qǐng)錢(qián)彈一個(gè)Dialog這個(gè)是手機(jī)系統(tǒng)的，我們只能提供一些解釋， 下面用三個(gè)權(quán)限來(lái)做解釋其實(shí)死是個(gè) 。

在低于Android 6.0的設(shè)備上，權(quán)限只要寫(xiě)在AndroidManifest.xml里就會(huì)自動(dòng)獲得，此情形下check和request 方法將始終返回true。

async function requestCameraPermission() {
 try {
 const granted = await PermissionsAndroid.request(
  PermissionsAndroid.PERMISSIONS.CAMERA,
  {
  'title': 'Cool Photo App Camera Permission',
  'message': 'Cool Photo App needs access to your camera ' +
     'so you can take awesome pictures.'
  }
 )
 if (granted === PermissionsAndroid.RESULTS.GRANTED) {
  console.log("You can use the camera")
 } else {
  console.log("Camera permission denied")
 }
 } catch (err) {
 console.warn(err)
 }
}

常用

check(permission)
返回一個(gè)promise，最終值為用戶是否授權(quán)過(guò)的布爾值。

request(permission, rationale?)
彈出提示框向用戶請(qǐng)求某項(xiàng)權(quán)限。返回一個(gè)promise，最終值為用戶是否同意了權(quán)限申請(qǐng)的布爾值。

requestMultiple(permissions)
在一個(gè)彈出框中向用戶請(qǐng)求多個(gè)權(quán)限。返回值為一個(gè)object，key為各權(quán)限名稱，對(duì)應(yīng)值為用戶授權(quán)與否。

第一步

1. 在 android/app/src/AndroidMainfest.xml 添加

<!--獲取讀寫(xiě)外置存儲(chǔ)權(quán)限-->
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
<!--獲取相機(jī)權(quán)限-->
<uses-permission android:name="android.permission.CAMERA"/>
<!--獲取地址相關(guān)權(quán)限-->
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION"/>

第二步

//添加 PermissionsAndroid RN自帶的
import { PermissionsAndroid } from 'react-native'

第三步

//給你們介紹下怎么用它的方法

//返回 Promise類(lèi)型 里面是用戶是否授權(quán)的布爾值
1. PermissionsAndroid.check(permission) //permission是String型

//返回String類(lèi)型 
'granted'： 同意了
'denied' : 拒絕了
'never_ask_again' ： 永久性拒絕下次再請(qǐng)求用戶也看不到了，尷不尷尬
2. PermissionsAndroid.request(permission, rationale?) //permission是String型，rationale對(duì)象

//返回一個(gè)對(duì)象
3. PermissionsAndroid.requestMultiple(permissions) //permissions為String型數(shù)組

//就舉一個(gè)例子 記得加上async異步
async requestReadPermission() {
  try {
   //返回string類(lèi)型
   const granted = await PermissionsAndroid.request(
    PermissionsAndroid.PERMISSIONS.WRITE_EXTERNAL_STORAGE,
    {
     //第一次請(qǐng)求拒絕后提示用戶你為什么要這個(gè)權(quán)限
     'title': '我要讀寫(xiě)權(quán)限',
     'message': '沒(méi)權(quán)限我不能工作，同意就好了'
    }
   )
   if (granted === PermissionsAndroid.RESULTS.GRANTED) {
    this.show("你已獲取了讀寫(xiě)權(quán)限")
   } else {
    this.show("獲取讀寫(xiě)權(quán)限失敗")
   }
  } catch (err) {
   this.show(err.toString())
  }
 }

//核實(shí)
checkPermission() {
  try {
   //返回Promise類(lèi)型
   const granted = PermissionsAndroid.check(
    PermissionsAndroid.PERMISSIONS.WRITE_EXTERNAL_STORAGE
   )
   granted.then((data)=>{
    this.show("是否獲取讀寫(xiě)權(quán)限"+data)
   }).catch((err)=>{
    this.show(err.toString())
   })
  } catch (err) {
   this.show(err.toString())
  }
 }

//請(qǐng)求多個(gè)
async requestMultiplePermission() {
  try {
   const permissions = [
    PermissionsAndroid.PERMISSIONS.WRITE_EXTERNAL_STORAGE,
    PermissionsAndroid.PERMISSIONS.ACCESS_FINE_LOCATION,
    PermissionsAndroid.PERMISSIONS.CAMERA
   ]
   //返回得是對(duì)象類(lèi)型
   const granteds = await PermissionsAndroid.requestMultiple(permissions)
   var data = "是否同意地址權(quán)限: "
   if (granteds["android.permission.ACCESS_FINE_LOCATION"] === "granted") {
    data = data + "是\n"
   } else {
    data = data + "否\n"
   }
   data = data+"是否同意相機(jī)權(quán)限: "
   if (granteds["android.permission.CAMERA"] === "granted") {
    data = data + "是\n"
   } else {
    data = data + "否\n"
   }
   data = data+"是否同意存儲(chǔ)權(quán)限: "
   if (granteds["android.permission.WRITE_EXTERNAL_STORAGE"] === "granted") {
    data = data + "是\n"
   } else {
    data = data + "否\n"
   }
   this.show(data)
  } catch (err) {
   this.show(err.toString())
  }
 }

完整代碼

import React,{Component} from 'react'
import {
 StyleSheet,
 View,
 Text,
 TouchableOpacity,
 ToastAndroid,
 PermissionsAndroid,
} from 'react-native'

export default class PermissionAndroidView extends Component {

 render() {
  return (
   <View style={styles.container}>
    <TouchableOpacity style={styles.button_view}
     onPress={this.requestReadPermission.bind(this)}>
     <Text style={styles.button_text}>申請(qǐng)讀寫(xiě)權(quán)限</Text>
    </TouchableOpacity>
    <TouchableOpacity style={styles.button_view}
     onPress={this.requestCarmeraPermission.bind(this)}>
     <Text style={styles.button_text}>申請(qǐng)相機(jī)權(quán)限</Text>
    </TouchableOpacity>
    <TouchableOpacity style={styles.button_view}
     onPress={this.requestLocationPermission.bind(this)}>
     <Text style={styles.button_text}>申請(qǐng)?jiān)L問(wèn)地址權(quán)限</Text>
    </TouchableOpacity>
    <TouchableOpacity style={styles.button_view}
         onPress={this.checkPermission.bind(this)}>
     <Text style={styles.button_text}>查詢是否獲取了讀寫(xiě)權(quán)限</Text>
    </TouchableOpacity>
    <TouchableOpacity style={styles.button_view}
         onPress={this.requestMultiplePermission.bind(this)}>
     <Text style={styles.button_text}>一次申請(qǐng)所以權(quán)限</Text>
    </TouchableOpacity>
   </View>
  )
 }

 show(data) {
  ToastAndroid.show(data,ToastAndroid.SHORT)
 }

 /*
 * 彈出提示框向用戶請(qǐng)求某項(xiàng)權(quán)限。返回一個(gè)promise，最終值為用戶是否同意了權(quán)限申請(qǐng)的布爾值。
 * 其中rationale參數(shù)是可選的，其結(jié)構(gòu)為包含title和message)的對(duì)象。
 * 此方法會(huì)和系統(tǒng)協(xié)商，是彈出系統(tǒng)內(nèi)置的權(quán)限申請(qǐng)對(duì)話框，
 * 還是顯示rationale中的信息以向用戶進(jìn)行解釋。
 * */
 async requestReadPermission() {
  try {
   //返回string類(lèi)型
   const granted = await PermissionsAndroid.request(
    PermissionsAndroid.PERMISSIONS.WRITE_EXTERNAL_STORAGE,
    {
     //第一次請(qǐng)求拒絕后提示用戶你為什么要這個(gè)權(quán)限
     'title': '我要讀寫(xiě)權(quán)限',
     'message': '沒(méi)權(quán)限我不能工作，同意就好了'
    }
   )
   if (granted === PermissionsAndroid.RESULTS.GRANTED) {
    this.show("你已獲取了讀寫(xiě)權(quán)限")
   } else {
    this.show("獲取讀寫(xiě)權(quán)限失敗")
   }
  } catch (err) {
   this.show(err.toString())
  }
 }

 async requestCarmeraPermission() {
  try {
   const granted = await PermissionsAndroid.request(
    PermissionsAndroid.PERMISSIONS.CAMERA,
    {
     //第一次請(qǐng)求拒絕后提示用戶你為什么要這個(gè)權(quán)限
     'title': '我要相機(jī)權(quán)限',
     'message': '沒(méi)權(quán)限我不能工作，同意就好了'
    }
   )
   if (granted === PermissionsAndroid.RESULTS.GRANTED) {
    this.show("你已獲取了相機(jī)權(quán)限")
   } else {
    this.show("獲取相機(jī)失敗")
   }
  } catch (err) {
   this.show(err.toString())
  }
 }

 async requestLocationPermission() {
  try {
   const granted = await PermissionsAndroid.request(
    PermissionsAndroid.PERMISSIONS.ACCESS_FINE_LOCATION,
    {
     //第一次請(qǐng)求拒絕后提示用戶你為什么要這個(gè)權(quán)限
     'title': '我要地址查詢權(quán)限',
     'message': '沒(méi)權(quán)限我不能工作，同意就好了'
    }
   )

   if (granted === PermissionsAndroid.RESULTS.GRANTED) {
    this.show("你已獲取了地址查詢權(quán)限")
   } else {
    this.show("獲取地址查詢失敗")
   }
  } catch (err) {
   this.show(err.toString())
  }
 }

 checkPermission() {
  try {
   //返回Promise類(lèi)型
   const granted = PermissionsAndroid.check(
    PermissionsAndroid.PERMISSIONS.WRITE_EXTERNAL_STORAGE
   )
   granted.then((data)=>{
    this.show("是否獲取讀寫(xiě)權(quán)限"+data)
   }).catch((err)=>{
    this.show(err.toString())
   })
  } catch (err) {
   this.show(err.toString())
  }
 }

 async requestMultiplePermission() {
  try {
   const permissions = [
    PermissionsAndroid.PERMISSIONS.WRITE_EXTERNAL_STORAGE,
    PermissionsAndroid.PERMISSIONS.ACCESS_FINE_LOCATION,
    PermissionsAndroid.PERMISSIONS.CAMERA
   ]
   //返回得是對(duì)象類(lèi)型
   const granteds = await PermissionsAndroid.requestMultiple(permissions)
   var data = "是否同意地址權(quán)限: "
   if (granteds["android.permission.ACCESS_FINE_LOCATION"] === "granted") {
    data = data + "是\n"
   } else {
    data = data + "否\n"
   }
   data = data+"是否同意相機(jī)權(quán)限: "
   if (granteds["android.permission.CAMERA"] === "granted") {
    data = data + "是\n"
   } else {
    data = data + "否\n"
   }
   data = data+"是否同意存儲(chǔ)權(quán)限: "
   if (granteds["android.permission.WRITE_EXTERNAL_STORAGE"] === "granted") {
    data = data + "是\n"
   } else {
    data = data + "否\n"
   }
   this.show(data)
  } catch (err) {
   this.show(err.toString())
  }
 }

}

const styles = StyleSheet.create({
 container: {
  flex: 1,
  padding: 10,
 },
 button_view: {
  margin:4,
  borderRadius: 4,
  backgroundColor: '#8d4dfc',
  alignItems: 'center',
 },
 button_text: {
  padding: 6,
  fontSize: 16,
  fontWeight: '600'
 }
})

// 12點(diǎn)了再不睡，我就要猝死了，其實(shí)運(yùn)行一下就知道什么意思了

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

• react-native android狀態(tài)欄的實(shí)現(xiàn)
• React-native橋接Android原生開(kāi)發(fā)詳解
• React-Native實(shí)現(xiàn)ListView組件之上拉刷新實(shí)例（iOS和Android通用）
• react-native 封裝選擇彈出框示例(試用ios&android)
• React-Native Android 與 IOS App使用一份代碼實(shí)現(xiàn)方法
• Android React-Native通信數(shù)據(jù)模型分析
• android中使用react-native設(shè)置應(yīng)用啟動(dòng)頁(yè)過(guò)程詳解

• React
• Native
• Android

相關(guān)文章

• 

  可伸縮的textview詳解(推薦)

  下面小編就為大家?guī)?lái)一篇可伸縮的textview詳解(推薦)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

  2017-03-03
• 

  利用Android封裝一個(gè)有趣的Loading組件

  這篇文章我們將利用Android封裝一個(gè)可以自定義配置前景色和背景色的Loading組件，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以了解一下

  2022-08-08
• 

  android與asp.net服務(wù)端共享session的方法詳解

  這篇文章主要給大家介紹了關(guān)于android與asp.net服務(wù)端如何共享session的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)下吧。

  2017-09-09
• 

  Android Notification實(shí)現(xiàn)動(dòng)態(tài)顯示通話時(shí)間

  這篇文章主要為大家詳細(xì)介紹了Android Notification實(shí)現(xiàn)動(dòng)態(tài)顯示通話時(shí)間，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

  2021-09-09
• 

  Android Flutter實(shí)現(xiàn)原理淺析

  這篇文章主要介紹了Android Flutter的實(shí)現(xiàn)原理是怎么樣的，flutter可以說(shuō)是當(dāng)下最流行的跨平臺(tái)技術(shù)了，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

  2022-08-08
• 

  Android模擬強(qiáng)制下線通知功能實(shí)例代碼

  這篇文章主要介紹了Android模擬強(qiáng)制下線通知功能實(shí)例代碼,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下

  2017-03-03
• 

  Android自定義ViewPager實(shí)例

  這篇文章主要介紹了Android自定義ViewPager的方法,結(jié)合完整實(shí)例形式分析了Android基于ViewGroup類(lèi)自定義ViewPager的具體實(shí)現(xiàn)技巧,需要的朋友可以參考下

  2016-02-02
• 

  Android監(jiān)聽(tīng)手機(jī)電話狀態(tài)與發(fā)送郵件通知來(lái)電號(hào)碼的方法(基于PhoneStateListene實(shí)現(xiàn))

  這篇文章主要介紹了Android監(jiān)聽(tīng)手機(jī)電話狀態(tài)與發(fā)送郵件通知來(lái)電號(hào)碼的方法,通過(guò)Android的PhoneStateListene實(shí)現(xiàn)該功能,需要的朋友可以參考下

  2016-01-01
• 

  android獲取音樂(lè)文件的內(nèi)置專輯圖片實(shí)現(xiàn)思路及代碼

  獲取音樂(lè)文件的內(nèi)置專輯圖片這是在播放音樂(lè)時(shí)的一個(gè)很不錯(cuò)的功能，下面與大家分享下具體的實(shí)現(xiàn)思路，有類(lèi)似需求的朋友可以參考下哈

  2013-06-06
• 

  Android 隱藏及切換顯示鍵盤(pán)

  這篇文章主要介紹了Android 隱藏及切換顯示鍵盤(pán)的相關(guān)資料,需要的朋友可以參考下

  2017-06-06

最新評(píng)論