Recent apps icon in React-native - react-native

I changed the default app icon and it appears fine in the app drawer, but on Android 8.0's recent apps the icon is still the default one.
Also when I try to uninstall the app, the Alert windows that opens contains the dafault react-native icon.
I tried looking on other posts and found this comment, but I already set those and even created a mipmap-ldpi (36x36) icon, but it still remains the same.
How can I change these icons?
I'm using React-native 0.59.1

For Android 8.0 and Above Adaptive Launcher Icon are used and for Versions below Android 8.0 we use Legacy Launcher Icon
You can try try to update icons using Image Asset Studio -
To start Image Asset Studio, select Android in the Project Window. Right click on the res folder and select New > Image Asset. You have now opened Image Asset Studio. You can now create an Adaptive Launcher Icon or Legacy Only Launcher Icon as per your requirement by selecting Icon Type.
You can refer to this link for more information.
Hope it works !

Related

App icon is different in Start Menu search

I was developing an UWP app. I changed the app icon. All app icons (taskbar, start menu, desktop shortcut) are changed. But Start Menu search icon is not changed. It is showing previous icon which is currently not present in the project.
I am using "Visual Studio 2019 Professional" for development & generated app icons from Visual Assets as described here (https://learn.microsoft.com/en-us/windows/uwp/design/style/app-icons-and-logos). Except the generated icons there is no other icons in "/Assets/Images/TileLogo" folder.
After searching in google I found that File Explorer cached old icon & it's showing old icon from cache. But there is no proper solution to clean the cache or prevent this caching.
How can I prevent the caching or clean the cached icon and show new icon in Start Menu search?

react-native-debugger disconnecting and showing error when In-App Developer Menu is opened

I have recently upgraded my react native to the latest version 0.62.1 and also downloaded the required react-native-debugger app (standalone app version 0.11.1 ) as specified in the react-native-debugger doc. Now when i enable remote js debugging everything works fine until i press cmd + d for ios or cmd + m for android to open in app developer menu after that debugger is disconnecting automatically and showing the error as shown in the below image.
link to react-native-debugger error image when in app developer menu is opened
As shown in the above image it says Bridge was already shutdown. Because of this i am unable to do inspect element inside react-native-debugger. I have searched in the internet regarding this specific error but unfortunately i did't find any solution.
Edit 1
I have set up a new react native project with react-native-cli and tested. It is also giving the same error. I don't know whether the problem is with new react native version 0.62 or react-devtools version 4.
This error appears to go away in react-native#0.66.0, but I experienced it on 0.64.2. The workaround I found was to open inspector without using the dev menu. Two ways:
cmd + i
Right-click inside react-native-debugger and select "Toggle Element Inspector"
If you do open dev menu and break connection again, simply reload to reset the state.
You might also need to confirm your app's react-devtools-core version from your node_modules or lock files match the version embedded inside react-native-debugger. I documented all this here:
https://gist.github.com/sschottler/7771dc034d38b89d9d587dc5d358c386

How to add an app icon to a react-native project without using any npm packages or 3rd party libraries? Is it even possible to do so?

I am trying to add an app icon to a react-native application and am not able to do so also could hardly find anything about this in the documentation or any other sources which I am able to implement successfully.
Got this one working by using react-native-icon Package but is there Something like a single command to get icons configured into the respective folders when they are created using react-native eject command.
The app icons are controlled from the native side of the project.
You can set them up from Xcode or Android Studio fairly easily.
Perhaps take a look at Xcode 9 - Add an App Store icon and Set icon for Android application
use android asset studio
drag and drop your icon and change filters if you like and then download it.
Unzip it and then replace your res icon folder with this one
indepth tut tutorial

How to inspect the React native android UI elements in android emulator?

Am running the app in the android emulator and, I want to Preview/Inspect the UI elements.
yes you can check using android studio.
please follow the step:
Tools> android > Android Monitor Device
Open another view
in This view show camera icon in left side panel.
right side of camera icon another icon called "Dump View hierarchy for UI Automator" press on it.
then you can check.

icon not change in device

For the icon change effect on the android emulator and device if i install manually .apk .ipa file . It works fine after changing the application icon and uploaded mobilefirst console in the production environment.
but problem is marketing manager mail me . application updated but not changed the Application icon in iOS and android device.
at this situation what can i do ?
I flowing this
link
It is not clear to me whether you refer to the icon that you see on the device home screen or to the icon that you see in the AppCenter console.
The icon on the home screen is managed by the device OS, and Idan's answer is correct here. This effect has nothing to do with IBM AppCenter but rather with the device OS.
The icon in the IBM AppCenter console is cached for 30 minutes in the browser, in order to allow the browser to refresh the screen more quickly. The idea is that icons change rarely and speed it important. There is a Java VM property ibm.appcenter.services.iconCacheMaxAge (in seconds) that can be set to a different value to modify this effect.
Based on the comments, an update will not take place if you did not increment the version number of the application.
If you change a native resource such as the app icon, but do not increment the application version number then the check for a new version will not see the update because it is basing it on the version number.
Update the version number and upload the updated .apk and .ipa; the update should then happen.