How can I make the splash screen on a React-Native Expo app ADA compliant? - react-native

I am releasing an Expo app in the Google Play Store, and my Pre-launch report is rendering an accessibility error for my Splash Screen.
The error says: This item may not have a label readable by screen readers.
How do I add an accessibility label to the Splash Screen? The Splash Screen renders from the splash object in the app.json file. Here is an example:
"splash": {
"image": "./assets/images/logos/logo.png",
"resizeMode": "contain",
"backgroundColor": "#000000"
},
I looked for documentation about Expo Splash Screen Parameters, but I have not found any that were ADA specific.
Will I have to customize my own Splash Screen, and not use Expo's default screen, in order to make it accessible?

Related

Strange behaviour Landscape mode on start with React native managed workflow

I configured my app with landscape mode but on launch, during 1 second I have the orientation in portrait mode then it changes to landscape.
It happens only in ios in release mode
Configuration in app.json :
"expo": {
"orientation": "landscape",
...
"ios": {
"requireFullScreen": true,
},
}

React Native Vision Camera using Expo

I have an Expo managed project in which I would like to use the React Native Vision Camera. The Expo Camera does not provide enough functionalities for my app.
After following the Getting Started, I get the following errors when running the app in my web browser:
I have imported the Camera module using
import { Camera } from 'react-native-vision-camera'; and adapted my app.json to include
"plugins": [
[
"react-native-vision-camera",
{
"cameraPermissionText": "$(PRODUCT_NAME) needs access to your Camera."
}
]
]
React Native Vision Camera doesn't have web support for now.
https://github.com/mrousavy/react-native-vision-camera/discussions/892

White flickering when keyboard pops up in my react native app

I'm using expo sdk 40. Tried changing backgroundColor prop in app.json and still no change . Is it a known issue in react native?
If you're using Expo, changing the softwareKeyboardLayoutMode in the app.json worked for me.
"android": {
"softwareKeyboardLayoutMode": "pan",
...(other properties)
}
Keyboard white flickering with React Native

Expo UIBackgroundModes audio is not working on iOS but works fine on Android

Does anyone have the same issue and able to get around?
Here is Expo doc that explains how to enable audio to be played in the background as it shown below. However, it still does not play the audio in the background when phone goes to sleep.
"expo": {
"ios": {
"infoPlist": {
"UIBackgroundModes": [
"audio"
]
}
}
}
It seems to be the issue from Expo but there's no activity on Github issue page.

How to play background music in react native expo?

I really dont know how to play background music in react native expo ..
I tried lot to add music .. since Im beginner I couldn't found
please help me
It will work on Android but will not work on iOS with expo. Need to add the following code in the app.json -
"ios": {
"supportsTablet": true,
"bundleIdentifier": "com.yourcompany.yourappname",
"buildNumber": "1.0.0",
"infoPlist": {
"UIBackgroundModes": [
"audio"
]
}
},
After that, You have to create standalone application of iOS and it will work on standalone application.
You can try this library it take mp3 from bundle or you can stream: https://github.com/react-native-kit/react-native-track-player#readme
This feature is not supported yet By Expo APIS
You can check the current state of this Expo feature request
https://expo.canny.io/feature-requests/p/audio-playback-in-background