diff --git a/App.js b/App.js
index 1bc3be08e1490d62506f4762bba2af79db68b6be..5b3acdff3fe03a12e7f9b11d5220d6ead776d7d8 100644
--- a/App.js
+++ b/App.js
@@ -14,7 +14,7 @@ import { NativeEventEmitter, NativeModules } from 'react-native';
 
 
 
-function AtShowcase({ navigation }) {
+function ScreenReaderAPI({ navigation }) {
     return (
         <ScrollView>
             <View>
@@ -653,10 +653,10 @@ function App() {
 
     return (
         <NavigationContainer>
-            <Stack.Navigator initialRouteName="AtShowcase">
+            <Stack.Navigator initialRouteName="ScreenReaderAPI">
                 <Stack.Screen
-                    name="AtShowcase"
-                    component={AtShowcase}
+                    name="ScreenReader API"
+                    component={ScreenReaderAPI}
                     options={{
                         headerRight: () => (
                             <View style={styles.img_container}>
@@ -830,8 +830,8 @@ const styles = StyleSheet.create({
         margin: 10,
     },
     fork: {
-        width: 300,
-        height: 300,
+        width: '75%',
+        height: '75%',
         resizeMode: 'contain',
         alignSelf: 'center',
         marginTop: 20,
diff --git a/android/app/src/main/assets/index.android.bundle b/android/app/src/main/assets/index.android.bundle
index b1d74de325a4e80754175e9a0a70c98cb4176aba..3057cb18504c6fbed96e50b652bad20663e59c01 100644
--- a/android/app/src/main/assets/index.android.bundle
+++ b/android/app/src/main/assets/index.android.bundle
@@ -3,7 +3,7 @@ var __BUNDLE_START_TIME__=this.nativePerformanceNow?nativePerformanceNow():Date.
 !(function(n){var e=(function(){function n(n,e){return n}function e(n){var e={};return n.forEach(function(n,r){e[n]=!0}),e}function r(n,r,u){if(n.formatValueCalls++,n.formatValueCalls>200)return"[TOO BIG formatValueCalls "+n.formatValueCalls+" exceeded limit of 200]";var f=t(n,r);if(f)return f;var c=Object.keys(r),s=e(c);if(d(r)&&(c.indexOf('message')>=0||c.indexOf('description')>=0))return o(r);if(0===c.length){if(v(r)){var g=r.name?': '+r.name:'';return n.stylize('[Function'+g+']','special')}if(p(r))return n.stylize(RegExp.prototype.toString.call(r),'regexp');if(y(r))return n.stylize(Date.prototype.toString.call(r),'date');if(d(r))return o(r)}var h,b,m='',j=!1,O=['{','}'];(h=r,Array.isArray(h)&&(j=!0,O=['[',']']),v(r))&&(m=' [Function'+(r.name?': '+r.name:'')+']');return p(r)&&(m=' '+RegExp.prototype.toString.call(r)),y(r)&&(m=' '+Date.prototype.toUTCString.call(r)),d(r)&&(m=' '+o(r)),0!==c.length||j&&0!=r.length?u<0?p(r)?n.stylize(RegExp.prototype.toString.call(r),'regexp'):n.stylize('[Object]','special'):(n.seen.push(r),b=j?i(n,r,u,s,c):c.map(function(e){return l(n,r,u,s,e,j)}),n.seen.pop(),a(b,m,O)):O[0]+m+O[1]}function t(n,e){if(s(e))return n.stylize('undefined','undefined');if('string'==typeof e){var r="'"+JSON.stringify(e).replace(/^"|"$/g,'').replace(/'/g,"\\'").replace(/\\"/g,'"')+"'";return n.stylize(r,'string')}return c(e)?n.stylize(''+e,'number'):u(e)?n.stylize(''+e,'boolean'):f(e)?n.stylize('null','null'):void 0}function o(n){return'['+Error.prototype.toString.call(n)+']'}function i(n,e,r,t,o){for(var i=[],a=0,u=e.length;a<u;++a)b(e,String(a))?i.push(l(n,e,r,t,String(a),!0)):i.push('');return o.forEach(function(o){o.match(/^\d+$/)||i.push(l(n,e,r,t,o,!0))}),i}function l(n,e,t,o,i,l){var a,u,c;if((c=Object.getOwnPropertyDescriptor(e,i)||{value:e[i]}).get?u=c.set?n.stylize('[Getter/Setter]','special'):n.stylize('[Getter]','special'):c.set&&(u=n.stylize('[Setter]','special')),b(o,i)||(a='['+i+']'),u||(n.seen.indexOf(c.value)<0?(u=f(t)?r(n,c.value,null):r(n,c.value,t-1)).indexOf('\n')>-1&&(u=l?u.split('\n').map(function(n){return'  '+n}).join('\n').substr(2):'\n'+u.split('\n').map(function(n){return'   '+n}).join('\n')):u=n.stylize('[Circular]','special')),s(a)){if(l&&i.match(/^\d+$/))return u;(a=JSON.stringify(''+i)).match(/^"([a-zA-Z_][a-zA-Z_0-9]*)"$/)?(a=a.substr(1,a.length-2),a=n.stylize(a,'name')):(a=a.replace(/'/g,"\\'").replace(/\\"/g,'"').replace(/(^"|"$)/g,"'"),a=n.stylize(a,'string'))}return a+': '+u}function a(n,e,r){return n.reduce(function(n,e){return 0,e.indexOf('\n')>=0&&0,n+e.replace(/\u001b\[\d\d?m/g,'').length+1},0)>60?r[0]+(''===e?'':e+'\n ')+' '+n.join(',\n  ')+' '+r[1]:r[0]+e+' '+n.join(', ')+' '+r[1]}function u(n){return'boolean'==typeof n}function f(n){return null===n}function c(n){return'number'==typeof n}function s(n){return void 0===n}function p(n){return g(n)&&'[object RegExp]'===h(n)}function g(n){return'object'==typeof n&&null!==n}function y(n){return g(n)&&'[object Date]'===h(n)}function d(n){return g(n)&&('[object Error]'===h(n)||n instanceof Error)}function v(n){return'function'==typeof n}function h(n){return Object.prototype.toString.call(n)}function b(n,e){return Object.prototype.hasOwnProperty.call(n,e)}return function(e,t){return r({seen:[],formatValueCalls:0,stylize:n},e,t.depth)}})(),r='(index)',t={trace:0,info:1,warn:2,error:3},o=[];o[t.trace]='debug',o[t.info]='log',o[t.warn]='warning',o[t.error]='error';var i=1;function l(r){return function(){var l;l=1===arguments.length&&'string'==typeof arguments[0]?arguments[0]:Array.prototype.map.call(arguments,function(n){return e(n,{depth:10})}).join(', ');var a=arguments[0],u=r;'string'==typeof a&&'Warning: '===a.slice(0,9)&&u>=t.error&&(u=t.warn),n.__inspectorLog&&n.__inspectorLog(o[u],l,[].slice.call(arguments),i),s.length&&(l=p('',l)),n.nativeLoggingHook(l,u)}}function a(n,e){return Array.apply(null,Array(e)).map(function(){return n})}var u="\u2502",f="\u2510",c="\u2518",s=[];function p(n,e){return s.join('')+n+' '+(e||'')}if(n.nativeLoggingHook){n.console;n.console={error:l(t.error),info:l(t.info),log:l(t.info),warn:l(t.warn),trace:l(t.trace),debug:l(t.trace),table:function(e){if(!Array.isArray(e)){var o=e;for(var i in e=[],o)if(o.hasOwnProperty(i)){var l=o[i];l[r]=i,e.push(l)}}if(0!==e.length){var u=Object.keys(e[0]).sort(),f=[],c=[];u.forEach(function(n,r){c[r]=n.length;for(var t=0;t<e.length;t++){var o=(e[t][n]||'?').toString();f[t]=f[t]||[],f[t][r]=o,c[r]=Math.max(c[r],o.length)}});for(var s=y(c.map(function(n){return a('-',n).join('')}),'-'),p=[y(u),s],g=0;g<e.length;g++)p.push(y(f[g]));n.nativeLoggingHook('\n'+p.join('\n'),t.info)}else n.nativeLoggingHook('',t.info);function y(n,e){var r=n.map(function(n,e){return n+a(' ',c[e]-n.length).join('')});return e=e||' ',r.join(e+'|'+e)}},group:function(e){n.nativeLoggingHook(p(f,e),t.info),s.push(u)},groupEnd:function(){s.pop(),n.nativeLoggingHook(p(c),t.info)},groupCollapsed:function(e){n.nativeLoggingHook(p(c,e),t.info),s.push(u)},assert:function(e,r){e||n.nativeLoggingHook('Assertion failed: '+r,t.error)}},Object.defineProperty(console,'_isPolyfilled',{value:!0,enumerable:!1})}else if(!n.console){function g(){}var y=n.print||g;n.console={debug:y,error:y,info:y,log:y,trace:y,warn:y,assert:function(n,e){n||y('Assertion failed: '+e)},clear:g,dir:g,dirxml:g,group:g,groupCollapsed:g,groupEnd:g,profile:g,profileEnd:g,table:g},Object.defineProperty(console,'_isPolyfilled',{value:!0,enumerable:!1})}})('undefined'!=typeof globalThis?globalThis:'undefined'!=typeof global?global:'undefined'!=typeof window?window:this);
 !(function(n){var r=0,t=function(n,r){throw n},l={setGlobalHandler:function(n){t=n},getGlobalHandler:function(){return t},reportError:function(n){t&&t(n,!1)},reportFatalError:function(n){t&&t(n,!0)},applyWithGuard:function(n,t,u,o,e){try{return r++,n.apply(t,u)}catch(n){l.reportError(n)}finally{r--}return null},applyWithGuardIfNeeded:function(n,r,t){return l.inGuard()?n.apply(r,t):(l.applyWithGuard(n,r,t),null)},inGuard:function(){return!!r},guard:function(n,r,t){var u;if('function'!=typeof n)return console.warn('A function must be passed to ErrorUtils.guard, got ',n),null;var o=null!=(u=null!=r?r:n.name)?u:'<generated guard>';return function(){for(var r=arguments.length,u=new Array(r),e=0;e<r;e++)u[e]=arguments[e];return l.applyWithGuard(n,null!=t?t:this,u,null,o)}}};n.ErrorUtils=l})('undefined'!=typeof globalThis?globalThis:'undefined'!=typeof global?global:'undefined'!=typeof window?window:this);
 'undefined'!=typeof globalThis?globalThis:'undefined'!=typeof global?global:'undefined'!=typeof window&&window,(function(){'use strict';var e=Object.prototype.hasOwnProperty;'function'!=typeof Object.entries&&(Object.entries=function(n){if(null==n)throw new TypeError('Object.entries called on non-object');var o=[];for(var t in n)e.call(n,t)&&o.push([t,n[t]]);return o}),'function'!=typeof Object.values&&(Object.values=function(n){if(null==n)throw new TypeError('Object.values called on non-object');var o=[];for(var t in n)e.call(n,t)&&o.push(n[t]);return o})})();
-__d(function(g,r,i,a,m,e,d){var n=r(d[0]),t=r(d[1]),o=n(r(d[2])),u=r(d[3]);t.AppRegistry.registerComponent(u.name,function(){return o.default})},0,[1,2,390,562]);
+__d(function(g,r,i,a,m,e,d){var n=r(d[0]),t=r(d[1]),o=n(r(d[2])),u=r(d[3]);t.AppRegistry.registerComponent(u.name,function(){return o.default})},0,[1,2,390,563]);
 __d(function(g,r,i,a,m,e,d){m.exports=function(n){return n&&n.__esModule?n:{default:n}}},1,[]);
 __d(function(g,r,i,a,m,e,d){'use strict';r(d[0]);var t=r(d[1]);m.exports={get AccessibilityInfo(){return r(d[2])},get ActivityIndicator(){return r(d[3])},get Button(){return r(d[4])},get CheckBox(){return t('checkBox-moved',"CheckBox has been extracted from react-native core and will be removed in a future release. It can now be installed and imported from '@react-native-community/checkbox' instead of 'react-native'. See https://github.com/react-native-community/react-native-checkbox"),r(d[5])},get DatePickerIOS(){return t('DatePickerIOS-merged',"DatePickerIOS has been merged with DatePickerAndroid and will be removed in a future release. It can now be installed and imported from '@react-native-community/datetimepicker' instead of 'react-native'. See https://github.com/react-native-community/datetimepicker"),r(d[6])},get DrawerLayoutAndroid(){return r(d[7])},get FlatList(){return r(d[8])},get Image(){return r(d[9])},get ImageBackground(){return r(d[10])},get InputAccessoryView(){return r(d[11])},get KeyboardAvoidingView(){return r(d[12])},get MaskedViewIOS(){return t('maskedviewios-moved',"MaskedViewIOS has been extracted from react-native core and will be removed in a future release. It can now be installed and imported from '@react-native-community/masked-view' instead of 'react-native'. See https://github.com/react-native-community/react-native-masked-view"),r(d[13])},get Modal(){return r(d[14])},get Picker(){return t('picker-moved',"Picker has been extracted from react-native core and will be removed in a future release. It can now be installed and imported from '@react-native-community/picker' instead of 'react-native'. See https://github.com/react-native-community/react-native-picker"),r(d[15])},get PickerIOS(){return t('pickerios-moved',"PickerIOS has been extracted from react-native core and will be removed in a future release. It can now be installed and imported from '@react-native-community/picker' instead of 'react-native'. See https://github.com/react-native-community/react-native-picker"),r(d[16])},get ProgressBarAndroid(){return t('progress-bar-android-moved',"ProgressBarAndroid has been extracted from react-native core and will be removed in a future release. It can now be installed and imported from '@react-native-community/progress-bar-android' instead of 'react-native'. See https://github.com/react-native-community/progress-bar-android"),r(d[17])},get ProgressViewIOS(){return t('progress-view-ios-moved',"ProgressViewIOS has been extracted from react-native core and will be removed in a future release. It can now be installed and imported from '@react-native-community/progress-view' instead of 'react-native'. See https://github.com/react-native-community/progress-view"),r(d[18])},get SafeAreaView(){return r(d[19])},get ScrollView(){return r(d[20])},get SectionList(){return r(d[21])},get SegmentedControlIOS(){return t('segmented-control-ios-moved',"SegmentedControlIOS has been extracted from react-native core and will be removed in a future release. It can now be installed and imported from '@react-native-community/segmented-control' instead of 'react-native'. See https://github.com/react-native-community/segmented-control"),r(d[22])},get Slider(){return t('slider-moved',"Slider has been extracted from react-native core and will be removed in a future release. It can now be installed and imported from '@react-native-community/slider' instead of 'react-native'. See https://github.com/react-native-community/react-native-slider"),r(d[23])},get Switch(){return r(d[24])},get RefreshControl(){return r(d[25])},get StatusBar(){return r(d[26])},get Text(){return r(d[27])},get TextInput(){return r(d[28])},get Touchable(){return r(d[29])},get TouchableHighlight(){return r(d[30])},get TouchableNativeFeedback(){return r(d[31])},get TouchableOpacity(){return r(d[32])},get TouchableWithoutFeedback(){return r(d[33])},get View(){return r(d[34])},get VirtualizedList(){return r(d[35])},get VirtualizedSectionList(){return r(d[36])},get ActionSheetIOS(){return r(d[37])},get Alert(){return r(d[38])},get Animated(){return r(d[39])},get Appearance(){return r(d[40])},get AppRegistry(){return r(d[41])},get AppState(){return r(d[42])},get AsyncStorage(){return t('async-storage-moved',"AsyncStorage has been extracted from react-native core and will be removed in a future release. It can now be installed and imported from '@react-native-community/async-storage' instead of 'react-native'. See https://github.com/react-native-community/async-storage"),r(d[43])},get BackHandler(){return r(d[44])},get Clipboard(){return t('clipboard-moved',"Clipboard has been extracted from react-native core and will be removed in a future release. It can now be installed and imported from '@react-native-community/clipboard' instead of 'react-native'. See https://github.com/react-native-community/clipboard"),r(d[45])},get DatePickerAndroid(){return t('DatePickerAndroid-merged',"DatePickerAndroid has been merged with DatePickerIOS and will be removed in a future release. It can now be installed and imported from '@react-native-community/datetimepicker' instead of 'react-native'. See https://github.com/react-native-community/datetimepicker"),r(d[46])},get DeviceInfo(){return r(d[47])},get DevSettings(){return r(d[48])},get Dimensions(){return r(d[49])},get Easing(){return r(d[50])},get findNodeHandle(){return r(d[51]).findNodeHandle},get I18nManager(){return r(d[52])},get ImagePickerIOS(){return t('imagePickerIOS-moved',"ImagePickerIOS has been extracted from react-native core and will be removed in a future release. Please upgrade to use either '@react-native-community/react-native-image-picker' or 'expo-image-picker'. If you cannot upgrade to a different library, please install the deprecated '@react-native-community/image-picker-ios' package. See https://github.com/react-native-community/react-native-image-picker-ios"),r(d[53])},get InteractionManager(){return r(d[54])},get Keyboard(){return r(d[55])},get LayoutAnimation(){return r(d[56])},get Linking(){return r(d[57])},get NativeDialogManagerAndroid(){return r(d[58]).default},get NativeEventEmitter(){return r(d[59])},get Networking(){return r(d[60])},get PanResponder(){return r(d[61])},get PermissionsAndroid(){return r(d[62])},get PixelRatio(){return r(d[63])},get PushNotificationIOS(){return t('pushNotificationIOS-moved',"PushNotificationIOS has been extracted from react-native core and will be removed in a future release. It can now be installed and imported from '@react-native-community/push-notification-ios' instead of 'react-native'. See https://github.com/react-native-community/push-notification-ios"),r(d[64])},get Settings(){return r(d[65])},get Share(){return r(d[66])},get StatusBarIOS(){return t('StatusBarIOS-merged','StatusBarIOS has been merged with StatusBar and will be removed in a future release. Use StatusBar for mutating the status bar'),r(d[67])},get StyleSheet(){return r(d[68])},get Systrace(){return r(d[69])},get ToastAndroid(){return r(d[70])},get TurboModuleRegistry(){return r(d[71])},get TVEventHandler(){return r(d[72])},get UIManager(){return r(d[73])},get unstable_batchedUpdates(){return r(d[51]).unstable_batchedUpdates},get useColorScheme(){return r(d[74]).default},get useWindowDimensions(){return r(d[75]).default},get UTFSequence(){return r(d[76])},get Vibration(){return r(d[77])},get YellowBox(){return r(d[78])},get DeviceEventEmitter(){return r(d[79])},get NativeAppEventEmitter(){return r(d[80])},get NativeModules(){return r(d[81])},get Platform(){return r(d[82])},get processColor(){return r(d[83])},get requireNativeComponent(){return r(d[84])},get unstable_RootTagContext(){return r(d[85])},get unstable_enableLogBox(){return r(d[78]).__unstable_enableLogBox},get ColorPropType(){return r(d[86])},get EdgeInsetsPropType(){return r(d[87])},get PointPropType(){return r(d[88])},get ViewPropTypes(){return r(d[89])}}},2,[3,4,7,53,196,293,295,296,254,281,301,302,304,305,307,314,318,193,319,320,255,289,321,322,324,275,298,197,327,204,331,215,220,329,82,272,290,332,151,221,334,337,351,354,347,356,358,360,361,61,249,85,312,363,230,265,267,365,152,137,135,367,369,60,371,373,374,376,59,29,377,11,208,45,379,382,108,383,385,33,161,12,50,76,191,311,65,199,389,283]);
 __d(function(g,r,i,a,m,e,d){'use strict';m.exports=function(n,o,t,f,s,u,c,l){if(!n){var v;if(void 0===o)v=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var p=[t,f,s,u,c,l],h=0;(v=new Error(o.replace(/%s/g,function(){return p[h++]}))).name='Invariant Violation'}throw v.framesToPop=1,v}}},3,[]);
@@ -393,7 +393,7 @@ __d(function(g,r,i,a,m,e,d){'use strict';var t=r(d[0]),n=r(d[1]),s=r(d[2]),c=r(d
 __d(function(g,r,i,a,m,e,d){'use strict';var t=r(d[0]);function n(t,n){var s;if("undefined"==typeof Symbol||null==t[Symbol.iterator]){if(Array.isArray(t)||(s=o(t))||n&&t&&"number"==typeof t.length){s&&(t=s);var u=0;return function(){return u>=t.length?{done:!0}:{done:!1,value:t[u++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}return(s=t[Symbol.iterator]()).next.bind(s)}function o(t,n){if(t){if("string"==typeof t)return s(t,n);var o=Object.prototype.toString.call(t).slice(8,-1);return"Object"===o&&t.constructor&&(o=t.constructor.name),"Map"===o||"Set"===o?Array.from(t):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?s(t,n):void 0}}function s(t,n){(null==n||n>t.length)&&(n=t.length);for(var o=0,s=new Array(n);o<n;o++)s[o]=t[o];return s}var u=r(d[1]),f=r(d[2]),l=r(d[3]),p=r(d[4]),c=l.BOM+'%s',h={parse:function(o){var s=[],u=[],f=[],l=t(o);if('string'==typeof l[0]){for(var h,y=String(l.shift()).split('%s'),v=y.length-1,b=l.splice(0,v),S='',A='',j=0,E=n(y);!(h=E()).done;){var k=h.value;if(S+=k,A+=k,j<v){if(j<b.length){var w='string'==typeof b[j]?b[j]:p(b[j]);f.push({length:w.length,offset:A.length}),S+=c,A+=w}else f.push({length:2,offset:A.length}),S+='%s',A+='%s';j++}}s.push(S),u.push(A)}var I=l.map(function(t){return'string'==typeof t?t:p(t)});return s.push.apply(s,t(I)),u.push.apply(u,t(I)),{category:s.join(' '),message:{content:u.join(' '),substitutions:f}}},render:function(t,n){var o=t.content,s=[],l=t.substitutions.reduce(function(t,l,p){var c=String(p);if(l.offset>t){var h=o.substr(t,l.offset-t);s.push(u.createElement(f,{key:c},h))}var y=o.substr(l.offset,l.length);return s.push(u.createElement(f,{key:c+'.5',style:n},y)),l.offset+l.length},0);if(l<o.length){var p=o.substr(l);s.push(u.createElement(f,{key:"-1"},p))}return s}};m.exports=h},387,[22,56,197,108,31]);
 __d(function(g,r,i,a,m,e,d){'use strict';function t(t,o){var l;if("undefined"==typeof Symbol||null==t[Symbol.iterator]){if(Array.isArray(t)||(l=n(t))||o&&t&&"number"==typeof t.length){l&&(t=l);var c=0;return function(){return c>=t.length?{done:!0}:{done:!1,value:t[c++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}return(l=t[Symbol.iterator]()).next.bind(l)}function n(t,n){if(t){if("string"==typeof t)return o(t,n);var l=Object.prototype.toString.call(t).slice(8,-1);return"Object"===l&&t.constructor&&(l=t.constructor.name),"Map"===l||"Set"===l?Array.from(t):"Arguments"===l||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(l)?o(t,n):void 0}}function o(t,n){(null==n||n>t.length)&&(n=t.length);for(var o=0,l=new Array(n);o<n;o++)l[o]=t[o];return l}var l=r(d[0]),c=new Map,u={delete:function(t){c.delete(f(t))},symbolicate:function(t){var n=f(t),o=c.get(n);return null==o&&(o=l(t).then(s),c.set(n,o)),o}},f=function(t){return JSON.stringify(t)},s=function(n){var o=null==n?void 0:n.stack;if(!Array.isArray(o))throw new Error('Expected stack to be an array.');for(var l,c=[],u=t(o);!(l=u()).done;){var f=l.value;if('object'!=typeof f||null==f)throw new Error('Expected each stack frame to be an object.');if('number'!=typeof f.column&&null!=f.column)throw new Error('Expected stack frame `column` to be a nullable number.');if('string'!=typeof f.file)throw new Error('Expected stack frame `file` to be a string.');if('number'!=typeof f.lineNumber)throw new Error('Expected stack frame `lineNumber` to be a number.');if('string'!=typeof f.methodName)throw new Error('Expected stack frame `methodName` to be a string.');var s=!1;if('collapse'in f){if('boolean'!=typeof f.collapse)throw new Error('Expected stack frame `collapse` to be a boolean.');s=f.collapse}c.push({column:f.column,file:f.file,lineNumber:f.lineNumber,methodName:f.methodName,collapse:s})}return c};m.exports=u},388,[100]);
 __d(function(g,r,i,a,m,e,d){'use strict';var n=r(d[0]),s=n.shape({x:n.number,y:n.number});m.exports=s},389,[68]);
-__d(function(g,r,i,a,m,e,d){var t=r(d[0]),l=r(d[1]);Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var n=l(r(d[2])),c=l(r(d[3])),o=t(r(d[4])),s=r(d[5]),u=l(r(d[6])),f=r(d[7]),y=r(d[8]),b=r(d[9]),E=l(r(d[10])),h=l(r(d[11])),p=l(r(d[12])),F=l(r(d[13])),T=l(r(d[14])),w=l(r(d[15]));function x(t,l){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(t);l&&(c=c.filter(function(l){return Object.getOwnPropertyDescriptor(t,l).enumerable})),n.push.apply(n,c)}return n}function v(t){for(var l=1;l<arguments.length;l++){var c=null!=arguments[l]?arguments[l]:{};l%2?x(Object(c),!0).forEach(function(l){(0,n.default)(t,l,c[l])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(c)):x(Object(c)).forEach(function(l){Object.defineProperty(t,l,Object.getOwnPropertyDescriptor(c,l))})}return t}function V(t){var l=t.navigation;return o.default.createElement(o.default.Fragment,null,o.default.createElement(b.ScrollView,null,o.default.createElement(s.View,null,o.default.createElement(s.Text,{accessibilityRole:"header",style:U.header},"Accessibility Focus"),o.default.createElement(s.View,null,o.default.createElement(s.TouchableOpacity,{style:{backgroundColor:'#FFFFFF'},accessible:!0,onPress:function(){l.navigate('API1')}},o.default.createElement(s.Text,{style:U.api},"1. Specify which views should receive the accessibility focus"),o.default.createElement(s.View,{style:U.line})),o.default.createElement(s.TouchableOpacity,{style:{backgroundColor:'#FFFFFF'},accessible:!0,onPress:function(){l.navigate('API2')}},o.default.createElement(s.Text,{style:U.api},"2. Specify the accessibility focus order"),o.default.createElement(s.View,{style:U.line})),o.default.createElement(s.TouchableOpacity,{style:{backgroundColor:'#FFFFFF'},accessible:!0,onPress:function(){l.navigate('API3')}},o.default.createElement(s.Text,{style:U.api},"3. Assign the accessibility focus to a view"),o.default.createElement(s.View,{style:U.line})),o.default.createElement(s.TouchableOpacity,{style:{backgroundColor:'#FFFFFF'},accessible:!0,onPress:function(){l.navigate('API4')}},o.default.createElement(s.Text,{style:U.api},"4. Specify actions associated to accessibility focus-related events (e.g., a view acquires or loses the focus)"),o.default.createElement(s.View,{style:U.line})),o.default.createElement(s.TouchableOpacity,{style:{backgroundColor:'#FFFFFF'},accessible:!0,onPress:function(){l.navigate('API5')}},o.default.createElement(s.Text,{style:U.api},"5. Determine whether a view has the accessibility focus or which view has the accessibility focus")))),o.default.createElement(s.View,null,o.default.createElement(s.Text,{accessibilityRole:"header",style:U.header},"Text to Announce"),o.default.createElement(s.View,null,o.default.createElement(s.TouchableOpacity,{style:{backgroundColor:'#FFFFFF'},accessible:!0,onPress:function(){l.navigate('API6')}},o.default.createElement(s.Text,{style:U.api},"6. Specify attributes that contribute to form the text-to-announce"),o.default.createElement(s.View,{style:U.line})),o.default.createElement(s.TouchableOpacity,{style:{backgroundColor:'#FFFFFF'},accessible:!0},o.default.createElement(s.View,{style:{flex:1,flexDirection:'column'}},o.default.createElement(s.Text,{style:U.not_aviable},"7. Programmatically define the text-to-announce"),o.default.createElement(s.Text,{style:U.platform},"Not available on this platform")),o.default.createElement(s.View,{style:U.line})),o.default.createElement(s.TouchableOpacity,{style:{backgroundColor:'#FFFFFF'},accessible:!0,onPress:function(){l.navigate('API8')}},o.default.createElement(s.Text,{style:U.api},"8. Use one view to describe another one"),o.default.createElement(s.View,{style:U.line})),o.default.createElement(s.TouchableOpacity,{style:{backgroundColor:'#FFFFFF'},accessible:!0,onPress:function(){l.navigate('API9')}},o.default.createElement(s.Text,{style:U.api},"9. Specify that a view should be announced when changed, even without user interaction"),o.default.createElement(s.View,{style:U.line})),o.default.createElement(s.TouchableOpacity,{style:{backgroundColor:'#FFFFFF'},accessible:!0},o.default.createElement(s.View,{style:{flex:1,flexDirection:'column'}},o.default.createElement(s.Text,{style:U.not_aviable},"10. Specify in which language the text-to-annouce should be read"),o.default.createElement(s.Text,{style:U.platform},"Not available on this platform"))))),o.default.createElement(s.View,null,o.default.createElement(s.Text,{accessibilityRole:"header",style:U.header},"Explicit TTS"),o.default.createElement(s.View,null,o.default.createElement(s.TouchableOpacity,{style:{backgroundColor:'#FFFFFF'},accessible:!0,onPress:function(){l.navigate('API11')}},o.default.createElement(s.Text,{style:U.api},"11. Read a text with the screen-reader TTS"),o.default.createElement(s.View,{style:U.line})),o.default.createElement(s.TouchableOpacity,{style:{backgroundColor:'#FFFFFF'},accessible:!0},o.default.createElement(s.View,{style:{flex:1,flexDirection:'column'}},o.default.createElement(s.Text,{style:U.not_aviable},"12. Be informed when the screen-reader finishes reading an explicitly provided text."),o.default.createElement(s.Text,{style:U.platform},"Not available on this platform")),o.default.createElement(s.View,{style:U.line})),o.default.createElement(s.TouchableOpacity,{style:{backgroundColor:'#FFFFFF'},accessible:!0},o.default.createElement(s.View,{style:{flex:1,flexDirection:'column'}},o.default.createElement(s.Text,{style:U.not_aviable},"13. Customize screen-reader TTS speech features, like pitch, speed, etc..."),o.default.createElement(s.Text,{style:U.platform},"Not available on this platform")),o.default.createElement(s.View,{style:U.line})),o.default.createElement(s.TouchableOpacity,{style:{backgroundColor:'#FFFFFF'},accessible:!0,onPress:function(){l.navigate('API14')}},o.default.createElement(s.Text,{style:U.api},"14. Read a text with non-screen-reader TTS (also works when screen-reader is not active)"),o.default.createElement(s.View,{style:U.line})),o.default.createElement(s.TouchableOpacity,{style:{backgroundColor:'#FFFFFF'},accessible:!0},o.default.createElement(s.View,{style:{flex:1,flexDirection:'column'}},o.default.createElement(s.Text,{style:U.not_aviable},"15. Detect whether the non-screen-reader TTS is reading"),o.default.createElement(s.Text,{style:U.platform},"Not available on this platform")),o.default.createElement(s.View,{style:U.line})),o.default.createElement(s.TouchableOpacity,{style:{backgroundColor:'#FFFFFF'},accessible:!0},o.default.createElement(s.View,{style:{flex:1,flexDirection:'column'}},o.default.createElement(s.Text,{style:U.not_aviable},"16. Pause the non-screen-reader TTS"),o.default.createElement(s.Text,{style:U.platform},"Not available on this platform")),o.default.createElement(s.View,{style:U.line})),o.default.createElement(s.TouchableOpacity,{style:{backgroundColor:'#FFFFFF'},accessible:!0,onPress:function(){l.navigate('API17')}},o.default.createElement(s.Text,{style:U.api},"17. Customize non-screen-reader TTS speech features, like pitch, speed, etc...")))),o.default.createElement(s.View,null,o.default.createElement(s.Text,{accessibilityRole:"header",style:U.header},"Accessibility Tree"),o.default.createElement(s.View,null,o.default.createElement(s.TouchableOpacity,{style:{backgroundColor:'#FFFFFF'},accessible:!0,onPress:function(){l.navigate('API18')}},o.default.createElement(s.Text,{style:U.api},"18. Aggregate multiple views into a single accessible element"),o.default.createElement(s.View,{style:U.line})),o.default.createElement(s.TouchableOpacity,{style:{backgroundColor:'#FFFFFF'},accessible:!0},o.default.createElement(s.View,{style:{flex:1,flexDirection:'column'}},o.default.createElement(s.Text,{style:U.not_aviable},"19. Decompose a view into multiple accessibility elements"),o.default.createElement(s.Text,{style:U.platform},"Not available on this platform")),o.default.createElement(s.View,{style:U.line})),o.default.createElement(s.TouchableOpacity,{style:{backgroundColor:'#FFFFFF'},accessible:!0,onPress:function(){l.navigate('API20')}},o.default.createElement(s.Text,{style:U.api},"20. Get the parent accessible element")))),o.default.createElement(s.View,null,o.default.createElement(s.Text,{accessibilityRole:"header",style:U.header},"Miscellaneous"),o.default.createElement(s.View,null,o.default.createElement(s.TouchableOpacity,{style:{backgroundColor:'#FFFFFF'},accessible:!0,onPress:function(){l.navigate('API21')}},o.default.createElement(s.Text,{style:U.api},"21. Detect whether screen-reader is active"),o.default.createElement(s.View,{style:U.line})),o.default.createElement(s.TouchableOpacity,{style:{backgroundColor:'#FFFFFF'},accessible:!0,onPress:function(){l.navigate('API22')}},o.default.createElement(s.Text,{style:U.api},"22. Support navigation by specifying which views are headers or panes"),o.default.createElement(s.View,{style:U.line})),o.default.createElement(s.TouchableOpacity,{style:{backgroundColor:'#FFFFFF'},accessible:!0,onPress:function(){l.navigate('API23')}},o.default.createElement(s.Text,{style:U.api},"23. Define how to respond to user actions that are only available when the screen reader is active"),o.default.createElement(s.View,{style:U.line})),o.default.createElement(s.TouchableOpacity,{style:{backgroundColor:'#FFFFFF'},accessible:!0,onPress:function(){l.navigate('API24')}},o.default.createElement(s.Text,{style:U.api},"24. Perform actions on user's behalf"),o.default.createElement(s.View,{style:U.line})),o.default.createElement(s.TouchableOpacity,{style:{backgroundColor:'#FFFFFF'},accessible:!0},o.default.createElement(s.View,{style:{flex:1,flexDirection:'column'}},o.default.createElement(s.Text,{style:U.not_aviable},"25. Associate arbitrary accessibility-related information to a view"),o.default.createElement(s.Text,{style:U.platform},"Not available on this platform")))))))}function S(){var t=(0,o.useState)(!0),l=(0,c.default)(t,2),n=l[0],u=l[1];return o.default.createElement(o.default.Fragment,null,o.default.createElement(s.View,null,o.default.createElement(s.Image,{accessible:n,accessibilityLabel:"image of a fork",importantForAccessibility:n?"yes":"no-hide-descendants",source:r(d[16]),style:U.fork})),o.default.createElement(s.View,{style:U.switch},o.default.createElement(s.Text,{importantForAccessibility:"no-hide-descendants"},"Press the switch to change","\n","the accessibility of the image"),o.default.createElement(s.Switch,{accessibilityLabel:"Press the switch to change the accessibility of the image",trackColor:{false:"#767577",true:"#81b0ff"},thumbColor:n?"#f5dd4b":"#f4f3f4",onValueChange:function(){u(!n)},value:n})))}function P(){var t=(0,o.useState)(!0),l=(0,c.default)(t,2),n=l[0],u=l[1],f=(0,o.useState)('CHANGE FOCUS ORDER TO LEFT-RIGHT'),y=(0,c.default)(f,2),b=y[0],E=y[1],h=o.default.useRef(),p=o.default.useRef(),T=o.default.useRef(),w=o.default.useRef();return o.default.createElement(o.default.Fragment,null,o.default.createElement(s.View,{style:U.focusOrder},o.default.createElement(s.TouchableOpacity,{ref:h,style:[U.positionUp,U.orderButton]},o.default.createElement(s.Text,null,"1")),o.default.createElement(s.TouchableOpacity,{ref:T,style:[U.position3,U.orderButton]},o.default.createElement(s.Text,null,"3")),o.default.createElement(s.TouchableOpacity,{ref:p,style:[U.position2,U.orderButton]},o.default.createElement(s.Text,null,"2")),o.default.createElement(s.TouchableOpacity,{ref:w,style:[U.position4,U.orderButton]},o.default.createElement(s.Text,null,"4"))),o.default.createElement(s.View,{style:U.button},o.default.createElement(s.Button,{title:b,onPress:function(){n?(u(!1),E('CHANGE FOCUS ORDER TO TOP-DOWN'),F.default.setOrder([(0,s.findNodeHandle)(h.current),(0,s.findNodeHandle)(T.current),(0,s.findNodeHandle)(p.current),(0,s.findNodeHandle)(w.current)])):(u(!0),E('CHANGE FOCUS ORDER TO LEFT-RIGHT'),F.default.setOrder([(0,s.findNodeHandle)(h.current),(0,s.findNodeHandle)(p.current),(0,s.findNodeHandle)(T.current),(0,s.findNodeHandle)(w.current)]))}})),o.default.createElement(s.Text,{style:U.footer},"i: Views 1, 2, 3 and 4 are displayed in such a way that reading them from top to bottom results in 1, 2, 3, 4, while reading them from left to right is: 1, 3, 2, 4."))}function O(){var t=o.default.useRef();return o.default.createElement(s.View,{style:U.container},o.default.createElement(s.View,{ref:t,accessible:!0,style:{marginBottom:20}},o.default.createElement(s.Text,null,"Generic view")),o.default.createElement(s.View,{style:U.button},o.default.createElement(s.Button,{title:"assign focus to generic view",onPress:function(){var l=(0,s.findNodeHandle)(t.current);s.AccessibilityInfo.setAccessibilityFocus(l)}})))}function C(){var t=(0,o.useState)(!1),l=(0,c.default)(t,2),n=l[0],u=l[1];function f(t){var l='';switch(t){case'on':l='sound_beep1.mp3';break;case'off':l='sound_beep2.mp3';break;default:console.error('ERROR: "beep" variable can only assume the values "on" and "off"')}console.log(l);var n=new p.default(l,null,function(t){t&&console.log('cannot play the sound file',t),n.play()})}return o.default.createElement(s.View,{style:{flex:1,alignItems:'center'}},o.default.createElement(s.Text,{style:{margin:20}},n?'Bell image has focus':'Bell image does not have focus'),o.default.createElement(T.default,{style:{margin:20},onFocusStart:function(){f('on'),u(!0)},onFocusEnd:function(){f('off'),u(!1)}},o.default.createElement(s.TouchableOpacity,null,o.default.createElement(s.Image,{source:r(d[17]),style:U.bell}))),o.default.createElement(s.Text,{style:U.footer},"i: This image makes a sound when it receives focus and makes a different one when it loses it. If you don't hear the sound, check the system volume."))}function A(){var t=(0,o.useState)("label"),l=(0,c.default)(t,2),n=l[0],u=l[1],f=(0,o.useState)(!1),y=(0,c.default)(f,2),b=y[0],E=y[1],h=(0,o.useState)("normal"),p=(0,c.default)(h,2),F=p[0],T=p[1],x=(0,o.useRef)(null);return(0,o.useEffect)(function(){w.default.viewLabelFocused();var t=new s.NativeEventEmitter(w.default);return x.current=t.addListener('viewLabel',function(t){var l=t.viewLabel;""==l?(u('this view has no id'),T("italic")):(u(l),T("normal")),E("bell"==l)}),function(){x.current.remove()}},[]),o.default.createElement(o.default.Fragment,null,o.default.createElement(s.View,null,o.default.createElement(s.Image,{accessible:!0,accessibilityLabel:"bell",source:r(d[17]),style:U.fork})),o.default.createElement(s.View,{style:U.container},o.default.createElement(s.View,{style:U.multipleText},o.default.createElement(s.Text,{accessible:!0,accessibilityLabel:"Name of view with focus",style:U.api},"Name of view with focus: "),o.default.createElement(s.Text,{accessible:!0,accessibilityLabel:"label",style:[U.api,{fontStyle:F}]},n)),o.default.createElement(s.View,{style:U.multipleText},o.default.createElement(s.Text,{accessible:!0,accessibilityLabel:"Does bell image have focus?",style:U.api},"Does bell image have focus?"),o.default.createElement(s.Text,{accessible:!0,accessibilityLabel:"focus",style:(U.api,{fontSize:20,color:b?'green':'red'})},b?'YES':'NO'))))}function I(){var t=(0,o.useState)(''),l=(0,c.default)(t,2),n=l[0],u=l[1];return o.default.createElement(o.default.Fragment,null,o.default.createElement(s.View,{accessible:!0},o.default.createElement(s.Image,{accessible:!0,accessibilityLabel:''===n?'This image has no description':n,source:r(d[16]),style:U.fork})),o.default.createElement(s.View,{style:{marginHorizontal:20}},o.default.createElement(s.Text,{style:U.api},"Image Alternative Text"),o.default.createElement(s.TextInput,{style:U.textInput,onChangeText:function(t){return u(t)},value:n})))}function k(){var t=o.default.useRef(),l=o.default.useRef();return(0,o.useEffect)(function(){w.default.setLabelFor((0,s.findNodeHandle)(t.current),(0,s.findNodeHandle)(l.current))}),o.default.createElement(s.View,{style:{flex:1,justifyContent:'center',marginHorizontal:20}},o.default.createElement(s.Text,{accessibility:!0,accessibilityLabel:"Textfield Description",ref:t,style:(U.api,{alignSelf:'center',marginBottom:20})},"Textfield Description"),o.default.createElement(s.TextInput,{accessibility:!0,accessibilityLabel:"textInput",ref:l,style:U.textInput}),o.default.createElement(s.Text,{style:U.footer},"i: The textfield is described by the text above it."))}function R(){var t=(0,o.useState)(0),l=(0,c.default)(t,2),n=l[0],u=l[1];return o.default.createElement(s.View,{style:{flex:1,justifyContent:'center',marginHorizontal:20}},o.default.createElement(s.Text,{accessibilityLiveRegion:"polite",style:U.counter},n),o.default.createElement(s.View,null,o.default.createElement(s.Button,{title:"increment",style:U.button,onPress:function(){u(n+1)}})))}function N(){var t="The text to speech will be read by the screen reader.";return o.default.createElement(s.View,{style:{flex:1,justifyContent:'center',marginHorizontal:40}},o.default.createElement(s.View,null,o.default.createElement(s.Text,null,t)),o.default.createElement(s.View,{style:{marginTop:30}},o.default.createElement(s.Button,{title:"Read the text above",style:U.button,onPress:function(){return s.AccessibilityInfo.announceForAccessibility(t)}})))}function D(){var t='Text1: This is text number one';return o.default.createElement(s.View,{style:U.container},o.default.createElement(s.Text,{style:{marginBottom:50}},t),o.default.createElement(s.View,null,o.default.createElement(s.Button,{title:"Read text1 with screen reader off",style:U.button,onPress:function(){return E.default.speak(t)}})),o.default.createElement(s.Text,{style:U.footer},"i: In case you don't hear the text read aloud, please check the system volume"))}function B(){var t='This is an example text.',l=(0,o.useState)(1),n=(0,c.default)(l,2),u=n[0],f=n[1];return E.default.setDefaultRate(u,!0),o.default.createElement(s.View,{style:U.container},o.default.createElement(s.TouchableOpacity,{style:{marginBottom:150},onPress:function(){return E.default.speak(t,{rate:u})}},o.default.createElement(s.Text,null,t)),o.default.createElement(s.Text,null,"Change The Reading Speed"),o.default.createElement(s.View,{style:{flexDirection:'row',justifyContent:'space-between'}},o.default.createElement(s.Text,{style:{marginTop:10}},"SLOW"),o.default.createElement(h.default,{accessibilityRole:"adjustable",style:{width:200,height:40},minimumValue:0,maximumValue:2,minimumTrackTintColor:"#FFFFFF",maximumTrackTintColor:"#000000",value:u,onValueChange:function(t){return f(t)}}),o.default.createElement(s.Text,{style:{marginTop:10}},"FAST")),o.default.createElement(s.Text,{style:U.footer},"i: To use the slider, press the volume up and the volume down buttons."))}function L(){return o.default.createElement(s.View,{style:{flex:1,justifyContent:'center',marginHorizontal:30}},o.default.createElement(s.View,{accessible:!0,style:{alignItems:'center',padding:10}},o.default.createElement(s.Text,{style:{marginBottom:100}},"View number 1"),o.default.createElement(s.Text,{style:{marginBottom:100}},"View number 2"),o.default.createElement(s.Text,null,"This three different texts (views) have been grouped together, and will be handled by talkback as a single element.")))}function H(){var t=o.default.useRef();return o.default.createElement(s.View,{accessible:!0,accessibilityLabel:"parentView",style:U.container},o.default.createElement(s.Button,{accessible:!0,ref:t,title:"set focus to parent",style:U.button,onPress:function(){w.default.setFocusToParentView((0,s.findNodeHandle)(t.current))}}))}function j(){var t=(0,o.useState)(!1),l=(0,c.default)(t,2),n=l[0],u=l[1];(0,o.useEffect)(function(){return s.AccessibilityInfo.addEventListener("screenReaderChanged",f),s.AccessibilityInfo.isScreenReaderEnabled().then(function(t){u(t)}),function(){s.AccessibilityInfo.removeEventListener("screenReaderChanged",f)}},[]);var f=function(t){u(t)};return o.default.createElement(s.View,{style:U.container},o.default.createElement(s.Text,{style:{marginBottom:20,fontSize:20}},"Is screen reader active?"),o.default.createElement(s.Text,{style:{fontSize:20,color:n?'green':'red'}},n?'YES':'NO'))}function z(){return o.default.createElement(s.View,{style:U.container},o.default.createElement(s.Text,{accessibilityRole:"header",style:U.api},"This text is treated as a header"),o.default.createElement(s.Text,{accessibilityRole:"button",style:U.api},"This text is treated as a button"),o.default.createElement(s.Text,{accessibilityRole:"image",style:U.api},"This text is treated as an image"),o.default.createElement(s.Text,{accessibilityRole:"text",style:U.api},"This is a normal text"))}function _(){var t=(0,o.useState)(''),l=(0,c.default)(t,2),n=l[0],u=l[1],f=(0,o.useState)(''),y=(0,c.default)(f,2),b=y[0],E=y[1];function h(t){switch(console.log(t.nativeEvent.actionName),t.nativeEvent.actionName){case'activate':E("#bb0000"),u('activate');break;case'increment':E("#bb0000"),u('increment');break;case'decrement':E("#bb0000"),u('decrement');break;case'longpress':E("#bb0000"),u('longpress')}}return o.default.createElement(s.View,{accessible:!0,accessibilityRole:"adjustable",accessibilityActions:[{name:'activate',label:'activate'},{name:'increment',label:'increment'},{name:'decrement',label:'decrement'}],onAccessibilityAction:function(t){return h(t)},style:{flex:1,justifyContent:'flex-start',padding:20,backgroundColor:b}},o.default.createElement(s.Text,null,"Change background color with one of the following actions with the screen reader:"),o.default.createElement(s.Text,{style:{marginTop:10,marginLeft:10}},"'activate'  - Double tap with the screen reader."),o.default.createElement(s.Text,{style:{marginTop:10,marginLeft:10}},"'increment' - Press the volume up button."),o.default.createElement(s.Text,{style:{marginTop:10,marginLeft:10}},"'decrement' - Press the volume down button."),o.default.createElement(s.Text,{accessibilityLiveRegion:"polite",style:{marginTop:100,fontSize:25}},"Action performed: ",n))}function W(){var t=(0,o.useState)('none'),l=(0,c.default)(t,2),n=l[0],u=l[1],f=o.default.useRef();return o.default.createElement(o.default.Fragment,null,o.default.createElement(s.View,{style:U.container},o.default.createElement(s.View,null,o.default.createElement(s.View,null,o.default.createElement(s.Button,{accessible:!0,title:"click button 1",style:(U.button,{marginTop:10}),onPress:function(){w.default.performAccessibilityAction((0,s.findNodeHandle)(f.current))}})),o.default.createElement(s.View,{style:{marginTop:50}},o.default.createElement(s.Button,{accessible:!0,ref:f,title:"button 1",style:U.button,onPress:function(){u('none'==n?'flex':'none')}}),o.default.createElement(s.Text,{accessible:!0,style:(U.api,{display:n,marginTop:10})},"Button 1 clicked")))))}var G=(0,y.createStackNavigator)();var M=function(){var t=(0,o.useState)(!1),l=(0,c.default)(t,2),n=l[0],y=l[1];return o.default.createElement(f.NavigationContainer,null,o.default.createElement(G.Navigator,{initialRouteName:"AtShowcase"},o.default.createElement(G.Screen,{name:"AtShowcase",component:V,options:{headerRight:function(){return o.default.createElement(s.View,{style:U.about_container},o.default.createElement(s.TouchableOpacity,{style:U.about_img,onPress:function(){return y(!0)}},o.default.createElement(s.Image,{resizeMode:'contain',accessibilityLabel:"about",source:r(d[18]),style:U.img})),o.default.createElement(s.View,null,o.default.createElement(u.default,{animationType:"fade",transparent:!0,visible:n,onRequestClose:function(){Alert.alert("Modal has been closed.")}},o.default.createElement(s.View,{style:U.centeredView},o.default.createElement(s.View,{style:U.modalView},o.default.createElement(s.View,{style:U.multipleText},o.default.createElement(s.Text,{accessibilityRole:"link",style:U.modalText,style:{color:'blue'},onPress:function(){return s.Linking.openURL('http://google.com')}},"More info here")),o.default.createElement(s.TouchableHighlight,{style:v(v({},U.openButton),{},{backgroundColor:"#2196F3"}),onPress:function(){y(!n)}},o.default.createElement(s.Text,{style:U.textStyle},"Hide Modal")))))))}}}),o.default.createElement(G.Screen,{name:"API1",component:S}),o.default.createElement(G.Screen,{name:"API2",component:P}),o.default.createElement(G.Screen,{name:"API3",component:O}),o.default.createElement(G.Screen,{name:"API4",component:C}),o.default.createElement(G.Screen,{name:"API5",component:A}),o.default.createElement(G.Screen,{name:"API6",component:I}),o.default.createElement(G.Screen,{name:"API8",component:k}),o.default.createElement(G.Screen,{name:"API9",component:R}),o.default.createElement(G.Screen,{name:"API11",component:N}),o.default.createElement(G.Screen,{name:"API14",component:D}),o.default.createElement(G.Screen,{name:"API17",component:B}),o.default.createElement(G.Screen,{name:"API18",component:L}),o.default.createElement(G.Screen,{name:"API20",component:H}),o.default.createElement(G.Screen,{name:"API21",component:j}),o.default.createElement(G.Screen,{name:"API22",component:z}),o.default.createElement(G.Screen,{name:"API23",component:_}),o.default.createElement(G.Screen,{name:"API24",component:W})))};e.default=M;var U=s.StyleSheet.create({centeredView:{flex:1,justifyContent:"center",alignItems:"center",marginTop:22,backgroundColor:'rgba(0, 0, 0, 0.5)'},modalView:{margin:20,backgroundColor:"white",borderRadius:20,padding:35,alignItems:"center",shadowColor:"#000",shadowOffset:{width:0,height:2},shadowOpacity:.25,shadowRadius:3.84,elevation:5},openButton:{backgroundColor:"#F194FF",borderRadius:20,padding:10,elevation:2},textStyle:{color:"white",fontWeight:"bold",textAlign:"center"},modalText:{marginBottom:15,textAlign:"center"},about_container:{flex:1,flexDirection:'row',alignContent:'flex-start',alignItems:'center'},about_img:{width:'50%',height:'50%',marginRight:20},line:{marginHorizontal:10,marginVertical:1,zIndex:200,borderBottomWidth:s.StyleSheet.hairlineWidth},header:{fontSize:20,padding:10,fontWeight:'bold'},api:{margin:5,paddingHorizontal:5},not_aviable:{margin:5,paddingHorizontal:5,textDecorationLine:'line-through',color:'grey'},platform:{alignSelf:'flex-end',color:'grey',margin:5,paddingHorizontal:5},container:{flex:1,alignItems:'center',justifyContent:'center'},switch:{flexDirection:'row',justifyContent:'space-around',margin:10},fork:{width:300,height:300,resizeMode:'contain',alignSelf:'center',marginTop:20,marginBottom:20},bell:{width:150,height:150,alignSelf:'center',margin:10},counter:{fontSize:50,alignSelf:'center',marginBottom:100},focusOrder:{flexDirection:'row',justifyContent:'space-around',marginTop:30,marginBottom:50,paddingHorizontal:20},orderButton:{backgroundColor:'#FFFFFF',width:40,height:40,borderColor:'black',borderWidth:1,alignItems:'center',justifyContent:'center',borderRadius:5},position2:{marginTop:60},position3:{marginTop:120},position4:{marginTop:180},footer:{position:'absolute',left:20,right:20,bottom:20},textInput:{height:40,margin:10,borderWidth:1},button:{width:'75%',alignSelf:'center',margin:10},img:{flex:1,width:100,height:100,marginLeft:10,marginRight:20},multipleText:{marginBottom:10,flexDirection:'row'},increment:{flex:1,flexDirection:'row',justifyContent:'space-around',alignItems:'center'}})},390,[9,1,48,14,56,2,391,393,469,485,552,553,555,556,557,558,559,560,561]);
+__d(function(g,r,i,a,m,e,d){var t=r(d[0]),l=r(d[1]);Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var n=l(r(d[2])),c=t(r(d[3])),o=r(d[4]),s=l(r(d[5])),u=r(d[6]),f=r(d[7]),y=r(d[8]),b=l(r(d[9])),E=l(r(d[10])),h=l(r(d[11])),p=l(r(d[12])),T=l(r(d[13])),F=l(r(d[14]));function w(t){var l=t.navigation;return c.default.createElement(y.ScrollView,null,c.default.createElement(o.View,null,c.default.createElement(o.Text,{accessibilityRole:"header",style:W.header},"Accessibility Focus"),c.default.createElement(o.View,null,c.default.createElement(o.TouchableOpacity,{style:{backgroundColor:'#FFFFFF'},accessible:!0,onPress:function(){l.navigate('API1')}},c.default.createElement(o.Text,{style:W.api},"1. Specify which views should receive the accessibility focus"),c.default.createElement(o.View,{style:W.line})),c.default.createElement(o.TouchableOpacity,{style:{backgroundColor:'#FFFFFF'},accessible:!0,onPress:function(){l.navigate('API2')}},c.default.createElement(o.Text,{style:W.api},"2. Specify the accessibility focus order"),c.default.createElement(o.View,{style:W.line})),c.default.createElement(o.TouchableOpacity,{style:{backgroundColor:'#FFFFFF'},accessible:!0,onPress:function(){l.navigate('API3')}},c.default.createElement(o.Text,{style:W.api},"3. Assign the accessibility focus to a view"),c.default.createElement(o.View,{style:W.line})),c.default.createElement(o.TouchableOpacity,{style:{backgroundColor:'#FFFFFF'},accessible:!0,onPress:function(){l.navigate('API4')}},c.default.createElement(o.Text,{style:W.api},"4. Specify actions associated to accessibility focus-related events (e.g., a view acquires or loses the focus)"),c.default.createElement(o.View,{style:W.line})),c.default.createElement(o.TouchableOpacity,{style:{backgroundColor:'#FFFFFF'},accessible:!0,onPress:function(){l.navigate('API5')}},c.default.createElement(o.Text,{style:W.api},"5. Determine whether a view has the accessibility focus or which view has the accessibility focus")))),c.default.createElement(o.View,null,c.default.createElement(o.Text,{accessibilityRole:"header",style:W.header},"Text to Announce"),c.default.createElement(o.View,null,c.default.createElement(o.TouchableOpacity,{style:{backgroundColor:'#FFFFFF'},accessible:!0,onPress:function(){l.navigate('API6')}},c.default.createElement(o.Text,{style:W.api},"6. Specify attributes that contribute to form the text-to-announce"),c.default.createElement(o.View,{style:W.line})),c.default.createElement(o.TouchableOpacity,{style:{backgroundColor:'#FFFFFF'},accessible:!0},c.default.createElement(o.View,{style:{flex:1,flexDirection:'column'}},c.default.createElement(o.Text,{style:W.not_aviable},"7. Programmatically define the text-to-announce"),c.default.createElement(o.Text,{style:W.platform},"Not available on this platform")),c.default.createElement(o.View,{style:W.line})),c.default.createElement(o.TouchableOpacity,{style:{backgroundColor:'#FFFFFF'},accessible:!0,onPress:function(){l.navigate('API8')}},c.default.createElement(o.Text,{style:W.api},"8. Use one view to describe another one"),c.default.createElement(o.View,{style:W.line})),c.default.createElement(o.TouchableOpacity,{style:{backgroundColor:'#FFFFFF'},accessible:!0,onPress:function(){l.navigate('API9')}},c.default.createElement(o.Text,{style:W.api},"9. Specify that a view should be announced when changed, even without user interaction"),c.default.createElement(o.View,{style:W.line})),c.default.createElement(o.TouchableOpacity,{style:{backgroundColor:'#FFFFFF'},accessible:!0},c.default.createElement(o.View,{style:{flex:1,flexDirection:'column'}},c.default.createElement(o.Text,{style:W.not_aviable},"10. Specify in which language the text-to-annouce should be read"),c.default.createElement(o.Text,{style:W.platform},"Not available on this platform"))))),c.default.createElement(o.View,null,c.default.createElement(o.Text,{accessibilityRole:"header",style:W.header},"Explicit TTS"),c.default.createElement(o.View,null,c.default.createElement(o.TouchableOpacity,{style:{backgroundColor:'#FFFFFF'},accessible:!0,onPress:function(){l.navigate('API11')}},c.default.createElement(o.Text,{style:W.api},"11. Read a text with the screen-reader TTS"),c.default.createElement(o.View,{style:W.line})),c.default.createElement(o.TouchableOpacity,{style:{backgroundColor:'#FFFFFF'},accessible:!0},c.default.createElement(o.View,{style:{flex:1,flexDirection:'column'}},c.default.createElement(o.Text,{style:W.not_aviable},"12. Be informed when the screen-reader finishes reading an explicitly provided text."),c.default.createElement(o.Text,{style:W.platform},"Not available on this platform")),c.default.createElement(o.View,{style:W.line})),c.default.createElement(o.TouchableOpacity,{style:{backgroundColor:'#FFFFFF'},accessible:!0},c.default.createElement(o.View,{style:{flex:1,flexDirection:'column'}},c.default.createElement(o.Text,{style:W.not_aviable},"13. Customize screen-reader TTS speech features, like pitch, speed, etc..."),c.default.createElement(o.Text,{style:W.platform},"Not available on this platform")),c.default.createElement(o.View,{style:W.line})),c.default.createElement(o.TouchableOpacity,{style:{backgroundColor:'#FFFFFF'},accessible:!0,onPress:function(){l.navigate('API14')}},c.default.createElement(o.Text,{style:W.api},"14. Read a text with non-screen-reader TTS (also works when screen-reader is not active)"),c.default.createElement(o.View,{style:W.line})),c.default.createElement(o.TouchableOpacity,{style:{backgroundColor:'#FFFFFF'},accessible:!0},c.default.createElement(o.View,{style:{flex:1,flexDirection:'column'}},c.default.createElement(o.Text,{style:W.not_aviable},"15. Detect whether the non-screen-reader TTS is reading"),c.default.createElement(o.Text,{style:W.platform},"Not available on this platform")),c.default.createElement(o.View,{style:W.line})),c.default.createElement(o.TouchableOpacity,{style:{backgroundColor:'#FFFFFF'},accessible:!0},c.default.createElement(o.View,{style:{flex:1,flexDirection:'column'}},c.default.createElement(o.Text,{style:W.not_aviable},"16. Pause the non-screen-reader TTS"),c.default.createElement(o.Text,{style:W.platform},"Not available on this platform")),c.default.createElement(o.View,{style:W.line})),c.default.createElement(o.TouchableOpacity,{style:{backgroundColor:'#FFFFFF'},accessible:!0,onPress:function(){l.navigate('API17')}},c.default.createElement(o.Text,{style:W.api},"17. Customize non-screen-reader TTS speech features, like pitch, speed, etc...")))),c.default.createElement(o.View,null,c.default.createElement(o.Text,{accessibilityRole:"header",style:W.header},"Accessibility Tree"),c.default.createElement(o.View,null,c.default.createElement(o.TouchableOpacity,{style:{backgroundColor:'#FFFFFF'},accessible:!0,onPress:function(){l.navigate('API18')}},c.default.createElement(o.Text,{style:W.api},"18. Aggregate multiple views into a single accessible element"),c.default.createElement(o.View,{style:W.line})),c.default.createElement(o.TouchableOpacity,{style:{backgroundColor:'#FFFFFF'},accessible:!0},c.default.createElement(o.View,{style:{flex:1,flexDirection:'column'}},c.default.createElement(o.Text,{style:W.not_aviable},"19. Decompose a view into multiple accessibility elements"),c.default.createElement(o.Text,{style:W.platform},"Not available on this platform")),c.default.createElement(o.View,{style:W.line})),c.default.createElement(o.TouchableOpacity,{style:{backgroundColor:'#FFFFFF'},accessible:!0,onPress:function(){l.navigate('API20')}},c.default.createElement(o.Text,{style:W.api},"20. Get the parent accessible element")))),c.default.createElement(o.View,null,c.default.createElement(o.Text,{accessibilityRole:"header",style:W.header},"Miscellaneous"),c.default.createElement(o.View,null,c.default.createElement(o.TouchableOpacity,{style:{backgroundColor:'#FFFFFF'},accessible:!0,onPress:function(){l.navigate('API21')}},c.default.createElement(o.Text,{style:W.api},"21. Detect whether screen-reader is active"),c.default.createElement(o.View,{style:W.line})),c.default.createElement(o.TouchableOpacity,{style:{backgroundColor:'#FFFFFF'},accessible:!0,onPress:function(){l.navigate('API22')}},c.default.createElement(o.Text,{style:W.api},"22. Support navigation by specifying which views are headers or panes"),c.default.createElement(o.View,{style:W.line})),c.default.createElement(o.TouchableOpacity,{style:{backgroundColor:'#FFFFFF'},accessible:!0,onPress:function(){l.navigate('API23')}},c.default.createElement(o.Text,{style:W.api},"23. Define how to respond to user actions that are only available when the screen reader is active"),c.default.createElement(o.View,{style:W.line})),c.default.createElement(o.TouchableOpacity,{style:{backgroundColor:'#FFFFFF'},accessible:!0,onPress:function(){l.navigate('API24')}},c.default.createElement(o.Text,{style:W.api},"24. Perform actions on user's behalf"),c.default.createElement(o.View,{style:W.line})),c.default.createElement(o.TouchableOpacity,{style:{backgroundColor:'#FFFFFF'},accessible:!0},c.default.createElement(o.View,{style:{flex:1,flexDirection:'column'}},c.default.createElement(o.Text,{style:W.not_aviable},"25. Associate arbitrary accessibility-related information to a view"),c.default.createElement(o.Text,{style:W.platform},"Not available on this platform"))))))}function x(){var t=(0,c.useState)(!0),l=(0,n.default)(t,2),s=l[0],u=l[1];return c.default.createElement(c.default.Fragment,null,c.default.createElement(o.View,null,c.default.createElement(o.Image,{accessible:s,accessibilityLabel:"image of a fork",importantForAccessibility:s?"yes":"no-hide-descendants",source:r(d[15]),style:W.fork})),c.default.createElement(o.View,{style:W.switch},c.default.createElement(o.Text,{importantForAccessibility:"no-hide-descendants"},"Press the switch to change","\n","the accessibility of the image"),c.default.createElement(o.Switch,{accessibilityLabel:"Press the switch to change the accessibility of the image",trackColor:{false:"#767577",true:"#81b0ff"},thumbColor:s?"#f5dd4b":"#f4f3f4",onValueChange:function(){u(!s)},value:s})))}function v(){var t=(0,c.useState)(!0),l=(0,n.default)(t,2),s=l[0],u=l[1],f=(0,c.useState)('CHANGE FOCUS ORDER TO LEFT-RIGHT'),y=(0,n.default)(f,2),b=y[0],E=y[1],h=c.default.useRef(),T=c.default.useRef(),F=c.default.useRef(),w=c.default.useRef();return c.default.createElement(c.default.Fragment,null,c.default.createElement(o.View,{style:W.focusOrder},c.default.createElement(o.TouchableOpacity,{ref:h,style:[W.positionUp,W.orderButton]},c.default.createElement(o.Text,null,"1")),c.default.createElement(o.TouchableOpacity,{ref:F,style:[W.position3,W.orderButton]},c.default.createElement(o.Text,null,"3")),c.default.createElement(o.TouchableOpacity,{ref:T,style:[W.position2,W.orderButton]},c.default.createElement(o.Text,null,"2")),c.default.createElement(o.TouchableOpacity,{ref:w,style:[W.position4,W.orderButton]},c.default.createElement(o.Text,null,"4"))),c.default.createElement(o.View,{style:W.button},c.default.createElement(o.Button,{title:b,onPress:function(){s?(u(!1),E('CHANGE FOCUS ORDER TO TOP-DOWN'),p.default.setOrder([(0,o.findNodeHandle)(h.current),(0,o.findNodeHandle)(F.current),(0,o.findNodeHandle)(T.current),(0,o.findNodeHandle)(w.current)])):(u(!0),E('CHANGE FOCUS ORDER TO LEFT-RIGHT'),p.default.setOrder([(0,o.findNodeHandle)(h.current),(0,o.findNodeHandle)(T.current),(0,o.findNodeHandle)(F.current),(0,o.findNodeHandle)(w.current)]))}})),c.default.createElement(o.Text,{style:W.footer},"i: Views 1, 2, 3 and 4 are displayed in such a way that reading them from top to bottom results in 1, 2, 3, 4, while reading them from left to right is: 1, 3, 2, 4."))}function V(){var t=c.default.useRef();return c.default.createElement(o.View,{style:W.container},c.default.createElement(o.View,{ref:t,accessible:!0,style:{marginBottom:20}},c.default.createElement(o.Text,null,"Generic view")),c.default.createElement(o.View,{style:W.button},c.default.createElement(o.Button,{title:"assign focus to generic view",onPress:function(){var l=(0,o.findNodeHandle)(t.current);o.AccessibilityInfo.setAccessibilityFocus(l)}})))}function S(){var t=(0,c.useState)(!1),l=(0,n.default)(t,2),s=l[0],u=l[1];function f(t){var l='';switch(t){case'on':l='sound_beep1.mp3';break;case'off':l='sound_beep2.mp3';break;default:console.error('ERROR: "beep" variable can only assume the values "on" and "off"')}console.log(l);var n=new h.default(l,null,function(t){t&&console.log('cannot play the sound file',t),n.play()})}return c.default.createElement(o.View,{style:{flex:1,alignItems:'center'}},c.default.createElement(o.Text,{style:{margin:20}},s?'Bell image has focus':'Bell image does not have focus'),c.default.createElement(T.default,{style:{margin:20},onFocusStart:function(){f('on'),u(!0)},onFocusEnd:function(){f('off'),u(!1)}},c.default.createElement(o.TouchableOpacity,null,c.default.createElement(o.Image,{source:r(d[16]),style:W.bell}))),c.default.createElement(o.Text,{style:W.footer},"i: This image makes a sound when it receives focus and makes a different one when it loses it. If you don't hear the sound, check the system volume."))}function P(){var t=(0,c.useState)("label"),l=(0,n.default)(t,2),s=l[0],u=l[1],f=(0,c.useState)(!1),y=(0,n.default)(f,2),b=y[0],E=y[1],h=(0,c.useState)("normal"),p=(0,n.default)(h,2),T=p[0],w=p[1],x=(0,c.useRef)(null);return(0,c.useEffect)(function(){F.default.viewLabelFocused();var t=new o.NativeEventEmitter(F.default);return x.current=t.addListener('viewLabel',function(t){var l=t.viewLabel;""==l?(u('this view has no id'),w("italic")):(u(l),w("normal")),E("bell"==l)}),function(){x.current.remove()}},[]),c.default.createElement(c.default.Fragment,null,c.default.createElement(o.View,null,c.default.createElement(o.Image,{accessible:!0,accessibilityLabel:"bell",source:r(d[16]),style:W.fork})),c.default.createElement(o.View,{style:W.container},c.default.createElement(o.View,{style:W.multipleText},c.default.createElement(o.Text,{accessible:!0,accessibilityLabel:"Name of view with focus",style:W.api},"Name of view with focus: "),c.default.createElement(o.Text,{accessible:!0,accessibilityLabel:"label",style:[W.api,{fontStyle:T}]},s)),c.default.createElement(o.View,{style:W.multipleText},c.default.createElement(o.Text,{accessible:!0,accessibilityLabel:"Does bell image have focus?",style:W.api},"Does bell image have focus?"),c.default.createElement(o.Text,{accessible:!0,accessibilityLabel:"focus",style:(W.api,{fontSize:20,color:b?'green':'red'})},b?'YES':'NO'))))}function C(){var t=(0,c.useState)(''),l=(0,n.default)(t,2),s=l[0],u=l[1];return c.default.createElement(c.default.Fragment,null,c.default.createElement(o.View,{accessible:!0},c.default.createElement(o.Image,{accessible:!0,accessibilityLabel:''===s?'This image has no description':s,source:r(d[15]),style:W.fork})),c.default.createElement(o.View,{style:{marginHorizontal:20}},c.default.createElement(o.Text,{style:W.api},"Image Alternative Text"),c.default.createElement(o.TextInput,{style:W.textInput,onChangeText:function(t){return u(t)},value:s})))}function I(){var t=c.default.useRef(),l=c.default.useRef();return(0,c.useEffect)(function(){F.default.setLabelFor((0,o.findNodeHandle)(t.current),(0,o.findNodeHandle)(l.current))}),c.default.createElement(o.View,{style:{flex:1,justifyContent:'center',marginHorizontal:20}},c.default.createElement(o.Text,{accessibility:!0,accessibilityLabel:"Textfield Description",ref:t,style:(W.api,{alignSelf:'center',marginBottom:20})},"Textfield Description"),c.default.createElement(o.TextInput,{accessibility:!0,accessibilityLabel:"textInput",ref:l,style:W.textInput}),c.default.createElement(o.Text,{style:W.footer},"i: The textfield is described by the text above it."))}function A(){var t=(0,c.useState)(0),l=(0,n.default)(t,2),s=l[0],u=l[1];return c.default.createElement(o.View,{style:{flex:1,justifyContent:'center',marginHorizontal:20}},c.default.createElement(o.Text,{accessibilityLiveRegion:"polite",style:W.counter},s),c.default.createElement(o.View,null,c.default.createElement(o.Button,{title:"increment",style:W.button,onPress:function(){u(s+1)}})))}function k(){var t="The text to speech will be read by the screen reader.";return c.default.createElement(o.View,{style:{flex:1,justifyContent:'center',marginHorizontal:40}},c.default.createElement(o.View,null,c.default.createElement(o.Text,null,t)),c.default.createElement(o.View,{style:{marginTop:30}},c.default.createElement(o.Button,{title:"Read the text above",style:W.button,onPress:function(){return o.AccessibilityInfo.announceForAccessibility(t)}})))}function O(){var t='Text1: This is text number one';return c.default.createElement(o.View,{style:W.container},c.default.createElement(o.Text,{style:{marginBottom:50}},t),c.default.createElement(o.View,null,c.default.createElement(o.Button,{title:"Read text1 with screen reader off",style:W.button,onPress:function(){return b.default.speak(t)}})),c.default.createElement(o.Text,{style:W.footer},"i: In case you don't hear the text read aloud, please check the system volume"))}function R(){var t='This is an example text.',l=(0,c.useState)(1),s=(0,n.default)(l,2),u=s[0],f=s[1];return b.default.setDefaultRate(u,!0),c.default.createElement(o.View,{style:W.container},c.default.createElement(o.TouchableOpacity,{style:{marginBottom:150},onPress:function(){return b.default.speak(t,{rate:u})}},c.default.createElement(o.Text,null,t)),c.default.createElement(o.Text,null,"Change The Reading Speed"),c.default.createElement(o.View,{style:{flexDirection:'row',justifyContent:'space-between'}},c.default.createElement(o.Text,{style:{marginTop:10}},"SLOW"),c.default.createElement(E.default,{accessibilityRole:"adjustable",style:{width:200,height:40},minimumValue:0,maximumValue:2,minimumTrackTintColor:"#FFFFFF",maximumTrackTintColor:"#000000",value:u,onValueChange:function(t){return f(t)}}),c.default.createElement(o.Text,{style:{marginTop:10}},"FAST")),c.default.createElement(o.Text,{style:W.footer},"i: To use the slider, press the volume up and the volume down buttons."))}function N(){return c.default.createElement(o.View,{style:{flex:1,justifyContent:'center',marginHorizontal:30}},c.default.createElement(o.View,{accessible:!0,style:{alignItems:'center',padding:10}},c.default.createElement(o.Text,{style:{marginBottom:100}},"View number 1"),c.default.createElement(o.Text,{style:{marginBottom:100}},"View number 2"),c.default.createElement(o.Text,null,"This three different texts (views) have been grouped together, and will be handled by talkback as a single element.")))}function D(){var t=c.default.useRef();return c.default.createElement(o.View,{accessible:!0,accessibilityLabel:"parentView",style:W.container},c.default.createElement(o.Button,{accessible:!0,ref:t,title:"set focus to parent",style:W.button,onPress:function(){F.default.setFocusToParentView((0,o.findNodeHandle)(t.current))}}))}function B(){var t=(0,c.useState)(!1),l=(0,n.default)(t,2),s=l[0],u=l[1];(0,c.useEffect)(function(){return o.AccessibilityInfo.addEventListener("screenReaderChanged",f),o.AccessibilityInfo.isScreenReaderEnabled().then(function(t){u(t)}),function(){o.AccessibilityInfo.removeEventListener("screenReaderChanged",f)}},[]);var f=function(t){u(t)};return c.default.createElement(o.View,{style:W.container},c.default.createElement(o.Text,{style:{marginBottom:20,fontSize:20}},"Is screen reader active?"),c.default.createElement(o.Text,{style:{fontSize:20,color:s?'green':'red'}},s?'YES':'NO'))}function L(){return c.default.createElement(o.View,{style:W.container},c.default.createElement(o.Text,{accessibilityRole:"header",style:W.api},"This text is treated as a header"),c.default.createElement(o.Text,{accessibilityRole:"button",style:W.api},"This text is treated as a button"),c.default.createElement(o.Text,{accessibilityRole:"image",style:W.api},"This text is treated as an image"),c.default.createElement(o.Text,{accessibilityRole:"text",style:W.api},"This is a normal text"))}function H(){var t=(0,c.useState)(''),l=(0,n.default)(t,2),s=l[0],u=l[1],f=(0,c.useState)(''),y=(0,n.default)(f,2),b=y[0],E=y[1];function h(t){switch(console.log(t.nativeEvent.actionName),t.nativeEvent.actionName){case'activate':E("#bb0000"),u('activate');break;case'increment':E("#bb0000"),u('increment');break;case'decrement':E("#bb0000"),u('decrement');break;case'longpress':E("#bb0000"),u('longpress')}}return c.default.createElement(o.View,{accessible:!0,accessibilityRole:"adjustable",accessibilityActions:[{name:'activate',label:'activate'},{name:'increment',label:'increment'},{name:'decrement',label:'decrement'}],onAccessibilityAction:function(t){return h(t)},style:{flex:1,justifyContent:'flex-start',padding:20,backgroundColor:b}},c.default.createElement(o.Text,null,"Change background color with one of the following actions with the screen reader:"),c.default.createElement(o.Text,{style:{marginTop:10,marginLeft:10}},"'activate'  - Double tap with the screen reader."),c.default.createElement(o.Text,{style:{marginTop:10,marginLeft:10}},"'increment' - Press the volume up button."),c.default.createElement(o.Text,{style:{marginTop:10,marginLeft:10}},"'decrement' - Press the volume down button."),c.default.createElement(o.Text,{accessibilityLiveRegion:"polite",style:{marginTop:100,fontSize:25}},"Action performed: ",s))}function z(){var t=(0,c.useState)('none'),l=(0,n.default)(t,2),s=l[0],u=l[1],f=c.default.useRef();return c.default.createElement(c.default.Fragment,null,c.default.createElement(o.View,{style:W.container},c.default.createElement(o.View,null,c.default.createElement(o.View,null,c.default.createElement(o.Button,{accessible:!0,title:"click button 1",style:(W.button,{marginTop:10}),onPress:function(){F.default.performAccessibilityAction((0,o.findNodeHandle)(f.current))}})),c.default.createElement(o.View,{style:{marginTop:50}},c.default.createElement(o.Button,{accessible:!0,ref:f,title:"button 1",style:W.button,onPress:function(){u('none'==s?'flex':'none')}}),c.default.createElement(o.Text,{accessible:!0,style:(W.api,{display:s,marginTop:10})},"Button 1 clicked")))))}var _=(0,f.createStackNavigator)();var j=function(){var t=(0,c.useState)(!1),l=(0,n.default)(t,2),f=l[0],y=l[1];return c.default.createElement(u.NavigationContainer,null,c.default.createElement(_.Navigator,{initialRouteName:"AtShowcase"},c.default.createElement(_.Screen,{name:"AtShowcase",component:w,options:{headerRight:function(){return c.default.createElement(o.View,{style:W.img_container},c.default.createElement(o.TouchableOpacity,{style:W.about_img,onPress:function(){return y(!0)}},c.default.createElement(o.Image,{resizeMode:'contain',accessibilityLabel:"about",source:r(d[17]),style:W.img})),c.default.createElement(o.View,null,c.default.createElement(s.default,{animationType:"fade",transparent:!0,visible:f,onRequestClose:function(){}},c.default.createElement(o.View,{style:W.centeredView},c.default.createElement(o.View,{style:W.modalView},c.default.createElement(o.View,{style:{flexDirection:'row'}},c.default.createElement(o.View,{style:{width:'75%',marginTop:20}},c.default.createElement(o.View,{style:{flexDirection:'column'}},c.default.createElement(o.Image,{accessibilityLabel:"EveryWare Lab logo",source:r(d[18]),style:W.logo}),c.default.createElement(o.Text,null,"Developed at EveryWare lab (Universit\xe0 degli Studi di Milano) by Antonio Pugliese")))),c.default.createElement(o.View,{style:{flexDirection:'row'}},c.default.createElement(o.View,{style:{width:'75%',marginTop:20}},c.default.createElement(o.Button,{style:{backgroundColor:"#2196F3",marginTop:10},onPress:function(){return o.Linking.openURL('https://everywarelab.di.unimi.it/15-research-projects/211-at-in-programming-languages')},title:"view project page"}))),c.default.createElement(o.View,{style:{flexDirection:'row'}},c.default.createElement(o.View,{style:{width:'75%',marginTop:20}},c.default.createElement(o.Button,{style:{backgroundColor:"#2196F3",marginTop:10},onPress:function(){y(!f)},title:"close"}))))))))}}}),c.default.createElement(_.Screen,{name:"API1",component:x}),c.default.createElement(_.Screen,{name:"API2",component:v}),c.default.createElement(_.Screen,{name:"API3",component:V}),c.default.createElement(_.Screen,{name:"API4",component:S}),c.default.createElement(_.Screen,{name:"API5",component:P}),c.default.createElement(_.Screen,{name:"API6",component:C}),c.default.createElement(_.Screen,{name:"API8",component:I}),c.default.createElement(_.Screen,{name:"API9",component:A}),c.default.createElement(_.Screen,{name:"API11",component:k}),c.default.createElement(_.Screen,{name:"API14",component:O}),c.default.createElement(_.Screen,{name:"API17",component:R}),c.default.createElement(_.Screen,{name:"API18",component:N}),c.default.createElement(_.Screen,{name:"API20",component:D}),c.default.createElement(_.Screen,{name:"API21",component:B}),c.default.createElement(_.Screen,{name:"API22",component:L}),c.default.createElement(_.Screen,{name:"API23",component:H}),c.default.createElement(_.Screen,{name:"API24",component:z})))};e.default=j;var W=o.StyleSheet.create({centeredView:{flex:1,justifyContent:"center",alignItems:"center",marginTop:22,backgroundColor:'rgba(0, 0, 0, 0.5)'},modalView:{margin:20,backgroundColor:"white",borderRadius:20,padding:35,alignItems:"center",shadowColor:"#000",shadowOffset:{width:0,height:2},shadowOpacity:.25,shadowRadius:3.84,elevation:5},openButton:{backgroundColor:"#F194FF",borderRadius:20,padding:10,elevation:2,marginTop:10},textStyle:{color:"white",fontWeight:"bold",textAlign:"center"},modalText:{marginTop:10,marginBottom:15,textAlign:"center"},logo:{alignSelf:'center',width:160,height:120},img_container:{flex:1,flexDirection:'row',alignContent:'flex-start',alignItems:'center'},about_img:{width:'50%',height:'50%',marginRight:20},line:{marginHorizontal:10,marginVertical:1,zIndex:200,borderBottomWidth:o.StyleSheet.hairlineWidth},header:{fontSize:20,padding:10,fontWeight:'bold'},api:{margin:5,paddingHorizontal:5},not_aviable:{margin:5,paddingHorizontal:5,textDecorationLine:'line-through',color:'grey'},platform:{alignSelf:'flex-end',color:'grey',margin:5,paddingHorizontal:5},container:{flex:1,alignItems:'center',justifyContent:'center'},switch:{flexDirection:'row',justifyContent:'space-around',margin:10},fork:{width:'75%',height:'75%',resizeMode:'contain',alignSelf:'center',marginTop:20,marginBottom:20},bell:{width:150,height:150,alignSelf:'center',margin:10},counter:{fontSize:50,alignSelf:'center',marginBottom:100},focusOrder:{flexDirection:'row',justifyContent:'space-around',marginTop:30,marginBottom:50,paddingHorizontal:20},orderButton:{backgroundColor:'#FFFFFF',width:40,height:40,borderColor:'black',borderWidth:1,alignItems:'center',justifyContent:'center',borderRadius:5},position2:{marginTop:60},position3:{marginTop:120},position4:{marginTop:180},footer:{position:'absolute',left:20,right:20,bottom:20},textInput:{height:40,margin:10,borderWidth:1},button:{width:'75%',alignSelf:'center',margin:10},img:{flex:1,width:100,height:100,marginLeft:10,marginRight:20},multipleText:{marginBottom:10,flexDirection:'row'},increment:{flex:1,flexDirection:'row',justifyContent:'space-around',alignItems:'center'}})},390,[9,1,14,56,2,391,393,469,485,552,553,555,556,557,558,559,560,561,562]);
 __d(function(g,r,i,a,m,e,d){var t=r(d[0]);Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var u=t(r(d[1])).default;e.default=u},391,[1,392]);
 __d(function(g,r,i,a,m,e,d){var t,n=r(d[0]),o=n(r(d[1])),l=n(r(d[2])),u=n(r(d[3])),s=n(r(d[4])),f=n(r(d[5])),c=n(r(d[6])),p=n(r(d[7])),h=r(d[8]),y=n(r(d[9]));function v(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(t){return!1}}var R=(0,h.requireNativeComponent)('RCTTranslucentModalHostView',null),S=(function(t){(0,s.default)(S,t);var n,o,y=(n=S,o=v(),function(){var t,l=(0,c.default)(n);if(o){var u=(0,c.default)(this).constructor;t=Reflect.construct(l,arguments,u)}else t=l.apply(this,arguments);return(0,f.default)(this,t)});function S(){var t;(0,l.default)(this,S);for(var n=arguments.length,o=new Array(n),u=0;u<n;u++)o[u]=arguments[u];return(t=y.call.apply(y,[this].concat(o)))._shouldSetResponder=function(){return!0},t}return(0,u.default)(S,[{key:"render",value:function(){if(!1===this.props.visible)return null;var t={backgroundColor:this.props.transparent?'transparent':'white'},n=this.props.animationType;n||(n='none');var o=this.props.children;return p.default.createElement(R,{animationType:n,transparent:this.props.transparent,hardwareAccelerated:this.props.hardwareAccelerated,onRequestClose:this.props.onRequestClose,onShow:this.props.onShow,style:b.modal,onStartShouldSetResponder:this._shouldSetResponder},p.default.createElement(h.View,{style:[b.container,t]},o))}}]),S})(p.default.Component);S.propTypes={animationType:y.default.oneOf(['none','slide','fade']),transparent:y.default.bool,hardwareAccelerated:y.default.bool,visible:y.default.bool,onRequestClose:h.Platform.isTVOS||'android'===h.Platform.OS?y.default.func.isRequired:y.default.func,onShow:y.default.func},S.defaultProps={visible:!0,hardwareAccelerated:!1},S.contextTypes={rootTag:y.default.number};var w=h.I18nManager.isRTL?'right':'left',b=h.StyleSheet.create({modal:{position:'absolute'},container:(t={position:'absolute'},(0,o.default)(t,w,0),(0,o.default)(t,"top",0),t)});m.exports=S},392,[1,48,26,27,37,39,36,56,2,68]);
 __d(function(g,r,i,a,m,e,d){var t=r(d[0]);Object.defineProperty(e,"__esModule",{value:!0});var n={NavigationContainer:!0,useBackButton:!0,useScrollToTop:!0,DefaultTheme:!0,DarkTheme:!0,ThemeProvider:!0,useTheme:!0,Link:!0,useLinking:!0,useLinkTo:!0,useLinkProps:!0,useLinkBuilder:!0,ServerContainer:!0};Object.defineProperty(e,"NavigationContainer",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(e,"useBackButton",{enumerable:!0,get:function(){return f.default}}),Object.defineProperty(e,"useScrollToTop",{enumerable:!0,get:function(){return c.default}}),Object.defineProperty(e,"DefaultTheme",{enumerable:!0,get:function(){return l.default}}),Object.defineProperty(e,"DarkTheme",{enumerable:!0,get:function(){return b.default}}),Object.defineProperty(e,"ThemeProvider",{enumerable:!0,get:function(){return p.default}}),Object.defineProperty(e,"useTheme",{enumerable:!0,get:function(){return s.default}}),Object.defineProperty(e,"Link",{enumerable:!0,get:function(){return y.default}}),Object.defineProperty(e,"useLinking",{enumerable:!0,get:function(){return O.default}}),Object.defineProperty(e,"useLinkTo",{enumerable:!0,get:function(){return P.default}}),Object.defineProperty(e,"useLinkProps",{enumerable:!0,get:function(){return j.default}}),Object.defineProperty(e,"useLinkBuilder",{enumerable:!0,get:function(){return k.default}}),Object.defineProperty(e,"ServerContainer",{enumerable:!0,get:function(){return T.default}});var u=r(d[1]);Object.keys(u).forEach(function(t){"default"!==t&&"__esModule"!==t&&(Object.prototype.hasOwnProperty.call(n,t)||Object.defineProperty(e,t,{enumerable:!0,get:function(){return u[t]}}))});var o=t(r(d[2])),f=t(r(d[3])),c=t(r(d[4])),l=t(r(d[5])),b=t(r(d[6])),p=t(r(d[7])),s=t(r(d[8])),y=t(r(d[9])),O=t(r(d[10])),P=t(r(d[11])),j=t(r(d[12])),k=t(r(d[13])),T=t(r(d[14])),h=r(d[15]);Object.keys(h).forEach(function(t){"default"!==t&&"__esModule"!==t&&(Object.prototype.hasOwnProperty.call(n,t)||Object.defineProperty(e,t,{enumerable:!0,get:function(){return h[t]}}))})},393,[1,394,451,458,459,454,460,452,461,462,457,464,463,465,466,468]);
@@ -565,6 +565,7 @@ __d(function(g,r,i,a,m,e,d){var s=r(d[0]);m.exports=s.NativeModules.Accessibilit
 __d(function(e,s,t,a,c,r,h){c.exports=s(h[0]).registerAsset({__packager_asset:!0,httpServerLocation:"/assets/img",width:754,height:502,scales:[1],hash:"73574920e9159bf7297ccad3846dc59b",name:"fork",type:"png"})},559,[188]);
 __d(function(g,r,i,a,m,e,d){m.exports=r(d[0]).registerAsset({__packager_asset:!0,httpServerLocation:"/assets/img",width:726,height:419,scales:[1],hash:"f8996089fab057bd7e0f915e0402c8f3",name:"bell",type:"png"})},560,[188]);
 __d(function(g,r,i,a,m,e,d){m.exports=r(d[0]).registerAsset({__packager_asset:!0,httpServerLocation:"/assets/img",width:493,height:493,scales:[1],hash:"9f20dbb5e4c9ef3ce5334ace251a59ee",name:"about",type:"png"})},561,[188]);
-__d(function(e,o,t,a,c,n,r){c.exports={name:"RNProject",displayName:"RNProject"}},562,[]);
+__d(function(g,r,i,a,m,e,d){m.exports=r(d[0]).registerAsset({__packager_asset:!0,httpServerLocation:"/assets/img",width:556,height:428,scales:[1],hash:"22b3b919032187abfc5286c563a81445",name:"EWLab_logo",type:"png"})},562,[188]);
+__d(function(e,o,t,a,c,n,r){c.exports={name:"RNProject",displayName:"RNProject"}},563,[]);
 __r(88);
 __r(0);
\ No newline at end of file
diff --git a/android/app/src/main/ic_launcher-playstore.png b/android/app/src/main/ic_launcher-playstore.png
new file mode 100644
index 0000000000000000000000000000000000000000..d1fc8be949bac51770d997ecc52e738c5c386e0f
Binary files /dev/null and b/android/app/src/main/ic_launcher-playstore.png differ
diff --git a/android/app/src/main/playstore-icon.png b/android/app/src/main/playstore-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..505d4ae63b9ab74d7731ae552a738e0b81b0f9ac
Binary files /dev/null and b/android/app/src/main/playstore-icon.png differ
diff --git a/android/app/src/main/res/drawable-mdpi/img_ewlab_logo.png b/android/app/src/main/res/drawable-mdpi/img_ewlab_logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..801ab28be6ca6a9824215c8f5901d62bd057dfd9
Binary files /dev/null and b/android/app/src/main/res/drawable-mdpi/img_ewlab_logo.png differ
diff --git a/android/app/src/main/res/drawable-mdpi/logo.png b/android/app/src/main/res/drawable-mdpi/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..603cd6d7acfdf17d35c6ee2f13047283b6f43eb7
Binary files /dev/null and b/android/app/src/main/res/drawable-mdpi/logo.png differ
diff --git a/android/app/src/main/res/drawable-xhdpi/logo.png b/android/app/src/main/res/drawable-xhdpi/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..603cd6d7acfdf17d35c6ee2f13047283b6f43eb7
Binary files /dev/null and b/android/app/src/main/res/drawable-xhdpi/logo.png differ
diff --git a/android/app/src/main/res/drawable/ic_launcher_background.xml b/android/app/src/main/res/drawable/ic_launcher_background.xml
new file mode 100644
index 0000000000000000000000000000000000000000..ca3826a46ce070f906d0d3fbe6987df882134381
--- /dev/null
+++ b/android/app/src/main/res/drawable/ic_launcher_background.xml
@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="utf-8"?>
+<vector
+    android:height="108dp"
+    android:width="108dp"
+    android:viewportHeight="108"
+    android:viewportWidth="108"
+    xmlns:android="http://schemas.android.com/apk/res/android">
+    <path android:fillColor="#3DDC84"
+          android:pathData="M0,0h108v108h-108z"/>
+    <path android:fillColor="#00000000" android:pathData="M9,0L9,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M19,0L19,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M29,0L29,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M39,0L39,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M49,0L49,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M59,0L59,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M69,0L69,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M79,0L79,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M89,0L89,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M99,0L99,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,9L108,9"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,19L108,19"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,29L108,29"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,39L108,39"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,49L108,49"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,59L108,59"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,69L108,69"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,79L108,79"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,89L108,89"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,99L108,99"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M19,29L89,29"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M19,39L89,39"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M19,49L89,49"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M19,59L89,59"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M19,69L89,69"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M19,79L89,79"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M29,19L29,89"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M39,19L39,89"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M49,19L49,89"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M59,19L59,89"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M69,19L69,89"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M79,19L79,89"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+</vector>
diff --git a/android/app/src/main/res/drawable/logo_background.xml b/android/app/src/main/res/drawable/logo_background.xml
new file mode 100644
index 0000000000000000000000000000000000000000..ca3826a46ce070f906d0d3fbe6987df882134381
--- /dev/null
+++ b/android/app/src/main/res/drawable/logo_background.xml
@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="utf-8"?>
+<vector
+    android:height="108dp"
+    android:width="108dp"
+    android:viewportHeight="108"
+    android:viewportWidth="108"
+    xmlns:android="http://schemas.android.com/apk/res/android">
+    <path android:fillColor="#3DDC84"
+          android:pathData="M0,0h108v108h-108z"/>
+    <path android:fillColor="#00000000" android:pathData="M9,0L9,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M19,0L19,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M29,0L29,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M39,0L39,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M49,0L49,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M59,0L59,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M69,0L69,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M79,0L79,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M89,0L89,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M99,0L99,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,9L108,9"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,19L108,19"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,29L108,29"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,39L108,39"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,49L108,49"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,59L108,59"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,69L108,69"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,79L108,79"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,89L108,89"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,99L108,99"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M19,29L89,29"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M19,39L89,39"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M19,49L89,49"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M19,59L89,59"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M19,69L89,69"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M19,79L89,79"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M29,19L29,89"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M39,19L39,89"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M49,19L49,89"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M59,19L59,89"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M69,19L69,89"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M79,19L79,89"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+</vector>
diff --git a/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml b/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml
new file mode 100644
index 0000000000000000000000000000000000000000..c4a603d4cce78b2fbd8094bd0224d4778bc8c976
--- /dev/null
+++ b/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background android:drawable="@drawable/ic_launcher_background"/>
+    <foreground android:drawable="@mipmap/ic_launcher_foreground"/>
+</adaptive-icon>
\ No newline at end of file
diff --git a/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml b/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml
new file mode 100644
index 0000000000000000000000000000000000000000..c4a603d4cce78b2fbd8094bd0224d4778bc8c976
--- /dev/null
+++ b/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background android:drawable="@drawable/ic_launcher_background"/>
+    <foreground android:drawable="@mipmap/ic_launcher_foreground"/>
+</adaptive-icon>
\ No newline at end of file
diff --git a/android/app/src/main/res/mipmap-hdpi/ic_launcher.png b/android/app/src/main/res/mipmap-hdpi/ic_launcher.png
index a2f5908281d070150700378b64a84c7db1f97aa1..e2f6025ef0336ed3bf4a0daf7d49be36eebdb5da 100644
Binary files a/android/app/src/main/res/mipmap-hdpi/ic_launcher.png and b/android/app/src/main/res/mipmap-hdpi/ic_launcher.png differ
diff --git a/android/app/src/main/res/mipmap-hdpi/ic_launcher_foreground.png b/android/app/src/main/res/mipmap-hdpi/ic_launcher_foreground.png
new file mode 100644
index 0000000000000000000000000000000000000000..b6863daa71403654e9341c30d91bc7268288323b
Binary files /dev/null and b/android/app/src/main/res/mipmap-hdpi/ic_launcher_foreground.png differ
diff --git a/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png b/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png
index 1b523998081149a985cef0cdf89045b9ed29964a..65f5ea19370ded3881b5c0f8b3f37c5b9bd2d867 100644
Binary files a/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png and b/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png differ
diff --git a/android/app/src/main/res/mipmap-mdpi/ic_launcher.png b/android/app/src/main/res/mipmap-mdpi/ic_launcher.png
index ff10afd6e182edb2b1a63c8f984e9070d9f950ba..25e2d9736cbcb79ca9dc17417b819dbdf7eb4cd4 100644
Binary files a/android/app/src/main/res/mipmap-mdpi/ic_launcher.png and b/android/app/src/main/res/mipmap-mdpi/ic_launcher.png differ
diff --git a/android/app/src/main/res/mipmap-mdpi/ic_launcher_foreground.png b/android/app/src/main/res/mipmap-mdpi/ic_launcher_foreground.png
new file mode 100644
index 0000000000000000000000000000000000000000..5f4eaaf92307dd6c8c432aa0b35fb95ef420d165
Binary files /dev/null and b/android/app/src/main/res/mipmap-mdpi/ic_launcher_foreground.png differ
diff --git a/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png b/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png
index 115a4c768a20c9e13185c17043f4c4d12dd4632a..7c873db41d94ea08dd155416f6a4a034433ad4ed 100644
Binary files a/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png and b/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png differ
diff --git a/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png b/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png
index dcd3cd8083358269d6ed7894726283bb9bcbbfea..d03181b29fc830674c658535dc8d8a0e47787e30 100644
Binary files a/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png and b/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png differ
diff --git a/android/app/src/main/res/mipmap-xhdpi/ic_launcher_foreground.png b/android/app/src/main/res/mipmap-xhdpi/ic_launcher_foreground.png
new file mode 100644
index 0000000000000000000000000000000000000000..a65f73c47847627916b0285bac172c0c4a1590f7
Binary files /dev/null and b/android/app/src/main/res/mipmap-xhdpi/ic_launcher_foreground.png differ
diff --git a/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png b/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png
index 459ca609d3ae0d3943ab44cdc27feef9256dc6d7..979705abb321ccdf64500b45b383264eac2bc809 100644
Binary files a/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png and b/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png differ
diff --git a/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png
index 8ca12fe024be86e868d14e91120a6902f8e88ac6..aeddda5ab278a44b246a0de873bbaf8cd887884a 100644
Binary files a/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png and b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png differ
diff --git a/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_foreground.png b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_foreground.png
new file mode 100644
index 0000000000000000000000000000000000000000..31b89c8b9e2d1cd2c1547b7daca357ee08c533b1
Binary files /dev/null and b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_foreground.png differ
diff --git a/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png
index 8e19b410a1b15ff180f3dacac19395fe3046cdec..3246604f5d5e7f972d3c249ebc7f0c34c7b7df12 100644
Binary files a/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png and b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png differ
diff --git a/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png b/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png
index b824ebdd48db917eea2e67a82260a100371f8a24..6d470b02e831400dbf84ac0664e334911240c88f 100644
Binary files a/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png and b/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png differ
diff --git a/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_foreground.png b/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_foreground.png
new file mode 100644
index 0000000000000000000000000000000000000000..57fbdf4e624bbb6402a19b0972c359b907eb6640
Binary files /dev/null and b/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_foreground.png differ
diff --git a/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png b/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png
index 4c19a13c239cb67b8a2134ddd5f325db1d2d5bee..392c3d9314bb1abeaa197c8cf8d38c6885b47c3e 100644
Binary files a/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png and b/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png differ
diff --git a/android/app/src/main/res/values/strings.xml b/android/app/src/main/res/values/strings.xml
index 66fb95eefca2f9ff08ba165ee1da95494c9ef870..b7f444a61f79eb5ce336aeee38a6ea02fa0cc917 100644
--- a/android/app/src/main/res/values/strings.xml
+++ b/android/app/src/main/res/values/strings.xml
@@ -1,3 +1,3 @@
 <resources>
-    <string name="app_name">AtShowcase</string>
+    <string name="app_name">ScreenReader API</string>
 </resources>