Update dependencies to react-native 0.71

Author: zoontek

.gitignore

@@ -30,19 +30,16 @@ build/
 local.properties
 *.iml
 *.hprof
+.cxx/
+*.keystore
+!debug.keystore
 
 # node.js
 #
 node_modules/
 npm-debug.log
 yarn-error.log
 
-# BUCK
-buck-out/
-\.buckd/
-*.keystore
-!debug.keystore
-
 # fastlane
 #
 # It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
@@ -64,3 +61,6 @@ dist/
 # Ruby / CocoaPods
 example/ios/Pods/
 example/vendor/bundle/
+
+# Temporary files created by Metro to check the health of the file watcher
+.metro-health-check*

README.md

@@ -157,8 +157,7 @@ end
 Add all wanted permissions to your app `android/app/src/main/AndroidManifest.xml` file:
 
 ```xml
-<manifest xmlns:android="http://schemas.android.com/apk/res/android"
-  package="com.myawesomeapp">
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
 
   <!-- 🚨 Keep only the permissions used in your app 🚨 -->
 
@@ -984,15 +983,15 @@ Since iOS 15.0, it's impossible to request this permission if the app isn't `act
 ```js
 useEffect(() => {
   const callback = (status: AppStateStatus) => {
-    if (status === "active") {
+    if (status === 'active') {
       request(PERMISSIONS.IOS.APP_TRACKING_TRANSPARENCY)
         .then((result) => console.log(result))
         .catch((error) => console.log(error));
     }
   };
 
   callback(AppState.currentState); // initial call
-  const listener = AppState.addEventListener("change", callback);
+  const listener = AppState.addEventListener('change', callback);
   return listener.remove;
 }, []);
 ```

example/.node-version

@@ -0,0 +1 @@
+18

example/.ruby-version

@@ -1 +1 @@
-2.7.5
+2.7.6

example/App.tsx

@@ -2,7 +2,6 @@ import * as React from 'react';
 import {Platform, ScrollView, StatusBar, View} from 'react-native';
 import {Appbar, Button, Divider, Snackbar, Text} from 'react-native-paper';
 import RNPermissions, {NotificationOption, Permission, PERMISSIONS} from 'react-native-permissions';
-import theme from './theme';
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 const {SIRI, ...PERMISSIONS_IOS} = PERMISSIONS.IOS; // remove siri (certificate required)
@@ -27,11 +26,11 @@ export const App = () => {
   const hideSnackbar = () => setSnackbarContent(undefined);
 
   return (
-    <View style={{flex: 1, backgroundColor: theme.colors.background}}>
-      <StatusBar backgroundColor={theme.colors.primary} barStyle="light-content" />
+    <View style={{flex: 1}}>
+      <StatusBar barStyle="dark-content" />
 
       <Appbar.Header>
-        <Appbar.Content title="react-native-permissions" subtitle="Example application" />
+        <Appbar.Content title="Permissions app" />
 
         {Platform.OS === 'ios' && (
           <Appbar.Action
@@ -74,23 +73,14 @@ export const App = () => {
           return (
             <React.Fragment key={item}>
               <View style={{padding: 20}}>
-                <Text
-                  numberOfLines={1}
-                  style={{
-                    color: 'rgba(0, 0, 0, 0.87)',
-                    fontWeight: '400',
-                    fontSize: 16,
-                    textAlign: 'left',
-                  }}
-                >
+                <Text numberOfLines={1} variant="bodyMedium">
                   {name}
                 </Text>
 
                 <View style={{flexDirection: 'row', marginTop: 12}}>
                   <Button
-                    compact={true}
                     icon="eye-outline"
-                    mode="outlined"
+                    mode="contained"
                     onPress={() => {
                       RNPermissions.check(value)
                         .then((status) => {
@@ -107,9 +97,8 @@ export const App = () => {
                   <View style={{width: 8}} />
 
                   <Button
-                    compact={true}
                     icon="help-circle-outline"
-                    mode="outlined"
+                    mode="contained"
                     onPress={() => {
                       RNPermissions.request(value)
                         .then((status) => {
@@ -131,23 +120,14 @@ export const App = () => {
         })}
 
         <View style={{padding: 20, paddingBottom: 32}}>
-          <Text
-            numberOfLines={1}
-            style={{
-              color: 'rgba(0, 0, 0, 0.87)',
-              fontWeight: '400',
-              fontSize: 16,
-              textAlign: 'left',
-            }}
-          >
+          <Text numberOfLines={1} variant="bodyMedium">
             NOTIFICATIONS
           </Text>
 
           <View style={{flexDirection: 'row', marginTop: 12}}>
             <Button
-              compact={true}
               icon="eye-outline"
-              mode="outlined"
+              mode="contained"
               onPress={() => {
                 RNPermissions.checkNotifications()
                   .then((response) => {
@@ -164,9 +144,8 @@ export const App = () => {
             <View style={{width: 8}} />
 
             <Button
-              compact={true}
               icon="help-circle-outline"
-              mode="outlined"
+              mode="contained"
               onPress={() => {
                 const options: NotificationOption[] = ['alert', 'badge', 'sound'];
 
@@ -195,7 +174,6 @@ export const App = () => {
         duration={10000}
         onDismiss={hideSnackbar}
         action={{
-          color: '#607d8b',
           label: 'Hide',
           onPress: hideSnackbar,
         }}

example/Gemfile

@@ -1,6 +1,6 @@
 source 'https://rubygems.org'
 
 # You may use http://rbenv.org/ or https://rvm.io/ to install and use this version
-ruby '2.7.5'
+ruby File.read(File.join(__dir__, '.ruby-version')).strip
 
-gem 'cocoapods', '~> 1.11', '>= 1.11.2'
+gem 'cocoapods', '~> 1.11', '>= 1.11.3'