الفرق بين المراجعتين ل"ReactNative/permissionsandroid"
جميل-بيلوني (نقاش | مساهمات) ط (مراجعة) |
جميل-بيلوني (نقاش | مساهمات) ط |
||
(6 مراجعات متوسطة بواسطة مستخدمين اثنين آخرين غير معروضة) | |||
سطر 1: | سطر 1: | ||
− | <noinclude>{{DISPLAYTITLE:PermissionsAndroid في React Native}}</noinclude> | + | <noinclude>{{DISPLAYTITLE:الواجهة PermissionsAndroid في React Native}}</noinclude><blockquote><blockquote>'''خاصٌّ بالمشاريع المكتوبة بشفرة Native'''</blockquote> |
− | <blockquote> | + | هذه الصّفحة مطبَّقة على المشاريع المكتوبة بشفرة Native فقط؛ أمّا إذا كنت تستخدم سير العمل <code>expo-cli</code>، فعليك الاطلاع على الدليل [https://docs.expo.io/versions/latest/sdk/permissions Permissions] ضمن توثيق Expo لإيجاد البديل الملائم.</blockquote>يَسمح <code>PermissionsAndroid</code> بالوصول إلى نموذج الأُذونات (permissions) الجديد الخاص بالنظام Android M، تُمنح الأذونات العادية (normal) بشكلٍ افتراضيٍّ عند تثبيت التطبيق، وتبقى كذلك طالما هي موجودة في <code>AndroidManifest.xml</code>. غير أنّ الأذونات الخطرة (dangerous) تتطلب مربع حوار المحثّ (prompt)، وسيتم استخدام هذا النموذج من أجل تلك الأذونات. |
− | |||
− | هذه | ||
− | تُمنح الأذونات تلقائيًّا في الأجهزة التي تستخدم أدوات تطوير البرمجيات (SDK) ذات الإصدارات الأقدم من 23 طالما تظهر في البيان (manifest)، لذا ستكون نتيجة <code>check</code> | + | تُمنح الأذونات تلقائيًّا في الأجهزة التي تستخدم أدوات تطوير البرمجيات (SDK) ذات الإصدارات الأقدم من 23 طالما تظهر في البيان (manifest)، لذا ستكون نتيجة <code>check</code> دائمًا <code>true</code> وسيؤول الطلب <code>request</code> دائمًا إلى <code>PermissionsAndroid.RESULTS.GRANTED</code>. |
إذا كانت الأذونات التي سُئِل المستخدم عنها سابقًا عبر مربع حوارٍ ملغيّةً، يُخطِر نظام التشغيل (OS) التطبيق الذي يعمل عليه المستخدم ليُظهر سبب الحاجة لهذه الأذونات. يُستخدم المعامل الاختياري <code>rationale</code> لإظهار مربع حوار المحثّ عند الضرورة فقط، أما في باقي الحالات سيظهر محثّ الأذونات الاعتياديّ. | إذا كانت الأذونات التي سُئِل المستخدم عنها سابقًا عبر مربع حوارٍ ملغيّةً، يُخطِر نظام التشغيل (OS) التطبيق الذي يعمل عليه المستخدم ليُظهر سبب الحاجة لهذه الأذونات. يُستخدم المعامل الاختياري <code>rationale</code> لإظهار مربع حوار المحثّ عند الضرورة فقط، أما في باقي الحالات سيظهر محثّ الأذونات الاعتياديّ. | ||
− | + | __TOC__ | |
== مثال == | == مثال == | ||
− | * مثال لمكون دالة (Function Component) | + | * [https://snack.expo.dev/@hsoubwiki/permissionsandroid-function-component-example مثال لمكون دالة (Function Component)] |
<syntaxhighlight lang="javascript"> | <syntaxhighlight lang="javascript"> | ||
import React from "react"; | import React from "react"; | ||
− | import { StyleSheet, Text, View | + | import { Button, PermissionsAndroid, SafeAreaView, StatusBar, StyleSheet, Text, View } from "react-native"; |
− | |||
const requestCameraPermission = async () => { | const requestCameraPermission = async () => { | ||
سطر 51: | سطر 48: | ||
flex: 1, | flex: 1, | ||
justifyContent: "center", | justifyContent: "center", | ||
− | paddingTop: | + | paddingTop: StatusBar.currentHeight, |
backgroundColor: "#ecf0f1", | backgroundColor: "#ecf0f1", | ||
padding: 8 | padding: 8 | ||
سطر 66: | سطر 63: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
− | * مثال لمكون صنف (Class Component) | + | * [https://snack.expo.dev/@hsoubwiki/permissionsandroid-class-component-example مثال لمكون صنف (Class Component)] |
<syntaxhighlight lang="javascript"> | <syntaxhighlight lang="javascript"> | ||
import React, { Component } from "react"; | import React, { Component } from "react"; | ||
− | import { StyleSheet, Text, View | + | import { Button, PermissionsAndroid, SafeAreaView, StatusBar, StyleSheet, Text, View } from "react-native"; |
− | |||
const requestCameraPermission = async () => { | const requestCameraPermission = async () => { | ||
سطر 111: | سطر 107: | ||
flex: 1, | flex: 1, | ||
justifyContent: "center", | justifyContent: "center", | ||
− | paddingTop: | + | paddingTop: StatusBar.currentHeight, |
backgroundColor: "#ecf0f1", | backgroundColor: "#ecf0f1", | ||
padding: 8 | padding: 8 | ||
سطر 173: | سطر 169: | ||
</syntaxhighlight>يعيد هذا التابع وعدًا (promise) يقبَل إلى قيمة منطقية (boolean) للدلالة على منح الأذونات المخصصة. | </syntaxhighlight>يعيد هذا التابع وعدًا (promise) يقبَل إلى قيمة منطقية (boolean) للدلالة على منح الأذونات المخصصة. | ||
− | + | '''المعاملات''': | |
{| class="wikitable" | {| class="wikitable" | ||
!'''الاسم''' | !'''الاسم''' | ||
سطر 193: | سطر 189: | ||
إذا كانت <code>rationale</code> متوفرةً فإن هذا التابع يتأكُّد مع نظام التشغيل ضرورة إظهار صندوقِ حوارِ يشرح سبب الحاجة للأذونات (انظر [https://developer.android.com/training/permissions/requesting#explain هذا القسم] للاستزادة)، وعندها يظهر صندوق حوار أذونات النظام. | إذا كانت <code>rationale</code> متوفرةً فإن هذا التابع يتأكُّد مع نظام التشغيل ضرورة إظهار صندوقِ حوارِ يشرح سبب الحاجة للأذونات (انظر [https://developer.android.com/training/permissions/requesting#explain هذا القسم] للاستزادة)، وعندها يظهر صندوق حوار أذونات النظام. | ||
− | + | '''المعاملات''': | |
{| class="wikitable" | {| class="wikitable" | ||
!'''الاسم''' | !'''الاسم''' | ||
سطر 210: | سطر 206: | ||
|انظر <code>rationale</code>في الأسفل | |انظر <code>rationale</code>في الأسفل | ||
|} | |} | ||
− | + | '''كائن عرض السبب (Rationale)''': | |
− | |||
{| class="wikitable" | {| class="wikitable" | ||
!'''الاسم''' | !'''الاسم''' | ||
سطر 249: | سطر 244: | ||
</syntaxhighlight>يطلب من المستخدم منح أذونات متعددة في مربع حوارٍ واحد، ويُعيد كائنًا مع الأذونات كمفاتيح، والسلاسل النصية كقيم (انظر إلى السلاسل النصية الناتجة عن طلب الأذونات في الأعلى)، للدلالة على موافقة المستخدم على الطلب أو رفضه أو أنه لا يريد أن يُسأل ثانيةً. | </syntaxhighlight>يطلب من المستخدم منح أذونات متعددة في مربع حوارٍ واحد، ويُعيد كائنًا مع الأذونات كمفاتيح، والسلاسل النصية كقيم (انظر إلى السلاسل النصية الناتجة عن طلب الأذونات في الأعلى)، للدلالة على موافقة المستخدم على الطلب أو رفضه أو أنه لا يريد أن يُسأل ثانيةً. | ||
− | + | '''المعاملات''': | |
{| class="wikitable" | {| class="wikitable" | ||
!'''الاسم''' | !'''الاسم''' | ||
سطر 266: | سطر 261: | ||
* [https://facebook.github.io/react-native/docs/permissionsandroid صفحة PermissionsAndroid في توثيق React Native الرسميّ] | * [https://facebook.github.io/react-native/docs/permissionsandroid صفحة PermissionsAndroid في توثيق React Native الرسميّ] | ||
[[تصنيف:ReactNative]] | [[تصنيف:ReactNative]] | ||
+ | [[تصنيف:React Native API]] |
المراجعة الحالية بتاريخ 14:14، 9 أكتوبر 2021
خاصٌّ بالمشاريع المكتوبة بشفرة Native
هذه الصّفحة مطبَّقة على المشاريع المكتوبة بشفرة Native فقط؛ أمّا إذا كنت تستخدم سير العمل
expo-cli
، فعليك الاطلاع على الدليل Permissions ضمن توثيق Expo لإيجاد البديل الملائم.
يَسمح PermissionsAndroid
بالوصول إلى نموذج الأُذونات (permissions) الجديد الخاص بالنظام Android M، تُمنح الأذونات العادية (normal) بشكلٍ افتراضيٍّ عند تثبيت التطبيق، وتبقى كذلك طالما هي موجودة في AndroidManifest.xml
. غير أنّ الأذونات الخطرة (dangerous) تتطلب مربع حوار المحثّ (prompt)، وسيتم استخدام هذا النموذج من أجل تلك الأذونات.
تُمنح الأذونات تلقائيًّا في الأجهزة التي تستخدم أدوات تطوير البرمجيات (SDK) ذات الإصدارات الأقدم من 23 طالما تظهر في البيان (manifest)، لذا ستكون نتيجة check
دائمًا true
وسيؤول الطلب request
دائمًا إلى PermissionsAndroid.RESULTS.GRANTED
.
إذا كانت الأذونات التي سُئِل المستخدم عنها سابقًا عبر مربع حوارٍ ملغيّةً، يُخطِر نظام التشغيل (OS) التطبيق الذي يعمل عليه المستخدم ليُظهر سبب الحاجة لهذه الأذونات. يُستخدم المعامل الاختياري rationale
لإظهار مربع حوار المحثّ عند الضرورة فقط، أما في باقي الحالات سيظهر محثّ الأذونات الاعتياديّ.
مثال
import React from "react";
import { Button, PermissionsAndroid, SafeAreaView, StatusBar, StyleSheet, Text, View } from "react-native";
const requestCameraPermission = async () => {
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.",
buttonNeutral: "Ask Me Later",
buttonNegative: "Cancel",
buttonPositive: "OK"
}
);
if (granted === PermissionsAndroid.RESULTS.GRANTED) {
console.log("You can use the camera");
} else {
console.log("Camera permission denied");
}
} catch (err) {
console.warn(err);
}
};
const App = () => (
<View style={styles.container}>
<Text style={styles.item}>Try permissions</Text>
<Button title="request permissions" onPress={requestCameraPermission} />
</View>
);
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: "center",
paddingTop: StatusBar.currentHeight,
backgroundColor: "#ecf0f1",
padding: 8
},
item: {
margin: 24,
fontSize: 18,
fontWeight: "bold",
textAlign: "center"
}
});
export default App;
import React, { Component } from "react";
import { Button, PermissionsAndroid, SafeAreaView, StatusBar, StyleSheet, Text, View } from "react-native";
const requestCameraPermission = async () => {
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.",
buttonNeutral: "Ask Me Later",
buttonNegative: "Cancel",
buttonPositive: "OK"
}
);
if (granted === PermissionsAndroid.RESULTS.GRANTED) {
console.log("You can use the camera");
} else {
console.log("Camera permission denied");
}
} catch (err) {
console.warn(err);
}
};
class App extends Component {
render() {
return (
<View style={styles.container}>
<Text style={styles.item}>Try permissions</Text>
<Button title="request permissions" onPress={requestCameraPermission} />
</View>
);
}
};
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: "center",
paddingTop: StatusBar.currentHeight,
backgroundColor: "#ecf0f1",
padding: 8
},
item: {
margin: 24,
fontSize: 18,
fontWeight: "bold",
textAlign: "center"
}
});
export default App;
الأذونات التي تتطلب أخذ علم المستخدم
وتكون على شكل ثوابت ملحقة ضمن PermissionsAndroid.PERMISSIONS
:
READ_CALENDAR
: قراءة التقويم 'android.permission.READ_CALENDAR'.WRITE_CALENDAR
: كتابة التقويم 'android.permission.WRITE_CALENDAR'.CAMERA
: الكاميرا 'android.permission.CAMERA'.READ_CONTACTS
: قراءة جهات الاتصال 'android.permission.READ_CONTACTS'.WRITE_CONTACTS
: كتابة جهات الاتصال 'android.permission.WRITE_CONTACTS'.GET_ACCOUNTS
: الحصول على الحسابات 'android.permission.GET_ACCOUNTS'.ACCESS_FINE_LOCATION
: الوصول للموقع الدقيق 'android.permission.ACCESS_FINE_LOCATION'.ACCESS_COARSE_LOCATION
: الوصول للموقع التقريبي 'android.permission.ACCESS_COARSE_LOCATION'.RECORD_AUDIO
: تسجيل الصوت 'android.permission.RECORD_AUDIO'.READ_PHONE_STATE
: قراءة حالة الهاتف 'android.permission.READ_PHONE_STATE'.CALL_PHONE
: اتصال هاتفي 'android.permission.CALL_PHONE'.READ_CALL_LOG
: قراءة سجل الاتصال الهاتفي 'android.permission.READ_CALL_LOG'.WRITE_CALL_LOG
: كتابة سجل الاتصال الهاتفي 'android.permission.WRITE_CALL_LOG'.ADD_VOICEMAIL
: إضافة بريد صوتي 'com.android.voicemail.permission.ADD_VOICEMAIL'.USE_SIP
: استخدام خدمة الاتصال عبر الإنترنت (SIP) 'android.permission.USE_SIP'.PROCESS_OUTGOING_CALLS
: معالجة الاتصالات الصادرة 'android.permission.PROCESS_OUTGOING_CALLS'.BODY_SENSORS
: حساسات الجسم 'android.permission.BODY_SENSORS'.SEND_SMS
: إرسال الرسائل النصية 'android.permission.SEND_SMS'.RECEIVE_SMS
: استقبال الرسائل النصية 'android.permission.RECEIVE_SMS'.READ_SMS
: قراءة الرسائل النصية 'android.permission.READ_SMS'.RECEIVE_WAP_PUSH
: استقبال رسائل المعلومات (wap push) 'android.permission.RECEIVE_WAP_PUSH'.RECEIVE_MMS
: استقبال الرسائل المصورة 'android.permission.RECEIVE_MMS'READ_EXTERNAL_STORAGE
: قراءة وسائط التخزين الخارجية 'android.permission.READ_EXTERNAL_STORAGE'.WRITE_EXTERNAL_STORAGE
: الكتابة على وسائط التخزين الخارجية 'android.permission.WRITE_EXTERNAL_STORAGE'.
السلسلة النصية الناتجة عن طلب الأذونات
وتكون على شكل ثوابت ملحقة ضمن PermissionsAndroid.PERMISSIONS
GRANTED
: مُنِح الإذن 'granted'.DENIED
: رُفِض الأذن 'denied'.NEVER_ASK_AGAIN
: لا تطلب الإذن ثانيةً 'never_ask_again'.
التوابع
constructor()
constructor();
check()
check(permission);
يعيد هذا التابع وعدًا (promise) يقبَل إلى قيمة منطقية (boolean) للدلالة على منح الأذونات المخصصة.
المعاملات:
الاسم | النوع | مطلوب | الوصف |
---|---|---|---|
permission
|
سلسلة نصية (string) | نعم | الإذن الذي سيُفحَص |
request()
request(permission, [rationale]);
يطلب من المستخدم منح الأذونات ويُعيد الوعد المقبول مع السلسلة النصية (انظر إلى السلاسل النصية الناتجة عن طلب الأذونات في الأعلى)، للدلالة إلى موافقة المستخدم على الطلب أو رفضه أو أنه لا يريد أن يُسأل ثانيةً.
إذا كانت rationale
متوفرةً فإن هذا التابع يتأكُّد مع نظام التشغيل ضرورة إظهار صندوقِ حوارِ يشرح سبب الحاجة للأذونات (انظر هذا القسم للاستزادة)، وعندها يظهر صندوق حوار أذونات النظام.
المعاملات:
الاسم | النوع | مطلوب | الوصف |
---|---|---|---|
permission
|
سلسلة نصية (string) | نعم | الإذن الذي سيُفحص |
rationale
|
كائن (object) | لا | انظر rationale في الأسفل
|
كائن عرض السبب (Rationale):
الاسم | النوع | مطلوب | الوصف |
---|---|---|---|
title
|
سلسلة نصية (string) | نعم | عنوان صندوق الحوار |
message
|
سلسلة نصية (string) | نعم | رسالة صندوق الحوار |
buttonPositive
|
سلسلة نصية (string) | نعم | نص مفتاح الموافقة على الطلب |
buttonNegative
|
سلسلة نصية (string) | لا | نص مفتاح رفض الطلب |
buttonNeutral
|
سلسلة نصية (string) | لا | نص مفتاح عدم السّؤال مرةً أخرى |
requestMultiple()
requestMultiple(permissions);
يطلب من المستخدم منح أذونات متعددة في مربع حوارٍ واحد، ويُعيد كائنًا مع الأذونات كمفاتيح، والسلاسل النصية كقيم (انظر إلى السلاسل النصية الناتجة عن طلب الأذونات في الأعلى)، للدلالة على موافقة المستخدم على الطلب أو رفضه أو أنه لا يريد أن يُسأل ثانيةً.
المعاملات:
الاسم | النوع | مطلوب | الوصف |
---|---|---|---|
permissions
|
مصفوفة (array) | نعم | مصفوفة الأذونات التي يجب طلبها |