From c13c07f258c3de49a8f1e558b1c6fd5af75e9751 Mon Sep 17 00:00:00 2001
From: Agastya Darma Laksana <gedeagas22@gmail.com>
Date: Tue, 10 Mar 2020 23:21:15 +0700
Subject: [PATCH 1/2] feat: Adding PermissionAndroid Snack Example.

---
 docs/permissionsandroid.md | 125 ++++++++++++++++++++++++++++++++++++-
 1 file changed, 122 insertions(+), 3 deletions(-)

diff --git a/docs/permissionsandroid.md b/docs/permissionsandroid.md
index 79c5cb88260..8743819a6a7 100644
--- a/docs/permissionsandroid.md
+++ b/docs/permissionsandroid.md
@@ -18,10 +18,98 @@ If a user has previously turned off a permission that you prompt for, the OS wil
 
 ### Example
 
-```jsx
-import {PermissionsAndroid} from 'react-native';
+<div class="toggler">
+  <ul role="tablist" class="toggle-syntax">
+    <li id="functional" class="button-functional" aria-selected="false" role="tab" tabindex="0" aria-controls="functionaltab" onclick="displayTabs('syntax', 'functional')">
+      Function Component Example
+    </li>
+    <li id="classical" class="button-classical" aria-selected="false" role="tab" tabindex="0" aria-controls="classicaltab" onclick="displayTabs('syntax', 'classical')">
+      Class Component Example
+    </li>
+  </ul>
+</div>
+
+<block class="functional syntax" />
+
+```SnackPlayer name=PermissionsAndroid%20Example&supportedPlatforms=android
+import React from 'react';
+import {
+  StyleSheet,
+  Text,
+  View,
+  SafeAreaView,
+  PermissionsAndroid,
+  Button
+} from 'react-native';
+import Constants from 'expo-constants';
+
+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>
+)
+
+export default App;
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    paddingTop: Constants.statusBarHeight,
+    backgroundColor: '#ecf0f1',
+    padding: 8,
+  },
+  item: {
+    margin: 24,
+    fontSize: 18,
+    fontWeight: 'bold',
+    textAlign: 'center',
+  },
+});
+```
 
-async function requestCameraPermission() {
+<block class="classical syntax" />
+
+```SnackPlayer name=PermissionsAndroid%20Example&supportedPlatforms=android
+import React, {Component} from 'react';
+import {
+  StyleSheet,
+  Text,
+  View,
+  SafeAreaView,
+  PermissionsAndroid,
+  Button
+} from 'react-native';
+import Constants from 'expo-constants';
+
+const requestCameraPermission = async () => {
   try {
     const granted = await PermissionsAndroid.request(
       PermissionsAndroid.PERMISSIONS.CAMERA,
@@ -44,8 +132,39 @@ async function requestCameraPermission() {
     console.warn(err);
   }
 }
+
+export default 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: Constants.statusBarHeight,
+    backgroundColor: '#ecf0f1',
+    padding: 8,
+  },
+  item: {
+    margin: 24,
+    fontSize: 18,
+    fontWeight: 'bold',
+    textAlign: 'center',
+  },
+});
 ```
 
+<block class="endBlock syntax" />
+
 ### Permissions that require prompting the user
 
 Available as constants under `PermissionsAndroid.PERMISSIONS`:

From 6dd687085a873b28a7f12e7b729039e92f851571 Mon Sep 17 00:00:00 2001
From: R Nabors <rachelnabors@users.noreply.github.com>
Date: Wed, 11 Mar 2020 22:50:53 +0000
Subject: [PATCH 2/2] tweaking example code

---
 docs/permissionsandroid.md | 102 +++++++++++++++----------------------
 1 file changed, 42 insertions(+), 60 deletions(-)

diff --git a/docs/permissionsandroid.md b/docs/permissionsandroid.md
index 8743819a6a7..13c8738d770 100644
--- a/docs/permissionsandroid.md
+++ b/docs/permissionsandroid.md
@@ -32,134 +32,116 @@ If a user has previously turned off a permission that you prompt for, the OS wil
 <block class="functional syntax" />
 
 ```SnackPlayer name=PermissionsAndroid%20Example&supportedPlatforms=android
-import React from 'react';
-import {
-  StyleSheet,
-  Text,
-  View,
-  SafeAreaView,
-  PermissionsAndroid,
-  Button
-} from 'react-native';
-import Constants from 'expo-constants';
+import React from "react";
+import { StyleSheet, Text, View, SafeAreaView, PermissionsAndroid, Button } from "react-native";
+import Constants from "expo-constants";
 
 const requestCameraPermission = async () => {
   try {
     const granted = await PermissionsAndroid.request(
       PermissionsAndroid.PERMISSIONS.CAMERA,
       {
-        title: 'Cool Photo App Camera Permission',
+        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',
-      },
+          "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');
+      console.log("You can use the camera");
     } else {
-      console.log('Camera permission denied');
+      console.log("Camera permission denied");
     }
   } catch (err) {
     console.warn(err);
   }
-}
+};
 
 const App = () => (
   <View style={styles.container}>
-    <Text style={styles.item}>
-      Try permissions
-    </Text>
+    <Text style={styles.item}>Try permissions</Text>
     <Button title="request permissions" onPress={requestCameraPermission} />
   </View>
-)
+);
 
 export default App;
 
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    justifyContent: 'center',
+    justifyContent: "center",
     paddingTop: Constants.statusBarHeight,
-    backgroundColor: '#ecf0f1',
-    padding: 8,
+    backgroundColor: "#ecf0f1",
+    padding: 8
   },
   item: {
     margin: 24,
     fontSize: 18,
-    fontWeight: 'bold',
-    textAlign: 'center',
-  },
+    fontWeight: "bold",
+    textAlign: "center"
+  }
 });
 ```
 
 <block class="classical syntax" />
 
 ```SnackPlayer name=PermissionsAndroid%20Example&supportedPlatforms=android
-import React, {Component} from 'react';
-import {
-  StyleSheet,
-  Text,
-  View,
-  SafeAreaView,
-  PermissionsAndroid,
-  Button
-} from 'react-native';
-import Constants from 'expo-constants';
+import React, { Component } from "react";
+import { StyleSheet, Text, View, SafeAreaView, PermissionsAndroid, Button } from "react-native";
+import Constants from "expo-constants";
 
 const requestCameraPermission = async () => {
   try {
     const granted = await PermissionsAndroid.request(
       PermissionsAndroid.PERMISSIONS.CAMERA,
       {
-        title: 'Cool Photo App Camera Permission',
+        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',
-      },
+          "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');
+      console.log("You can use the camera");
     } else {
-      console.log('Camera permission denied');
+      console.log("Camera permission denied");
     }
   } catch (err) {
     console.warn(err);
   }
-}
+};
 
 export default class App extends Component {
   render() {
     return (
       <View style={styles.container}>
-        <Text style={styles.item}>
-          Try permissions
-        </Text>
+        <Text style={styles.item}>Try permissions</Text>
         <Button title="request permissions" onPress={requestCameraPermission} />
       </View>
-    )
+    );
   }
 }
 
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    justifyContent: 'center',
+    justifyContent: "center",
     paddingTop: Constants.statusBarHeight,
-    backgroundColor: '#ecf0f1',
-    padding: 8,
+    backgroundColor: "#ecf0f1",
+    padding: 8
   },
   item: {
     margin: 24,
     fontSize: 18,
-    fontWeight: 'bold',
-    textAlign: 'center',
-  },
+    fontWeight: "bold",
+    textAlign: "center"
+  }
 });
 ```