Android in-app message preview is not visible (Expo app) | Community
Skip to main content

Hi,

I’ve found an issue with the in-app message preview on Android where the actual message content is not visible, I assume because the text color matches the background color.

You can see this issue replicated in your expo-example app from https://github.com/intercom/intercom-react-native/tree/main/examples/expo-example in the screenshot below.

I can’t find anything obvious on the Native Android app settings that is causing this issue, so perhaps there is a styling issue in the Intercom SDK?

Thanks for your help
 

 

Hello again ​@Rob Walker, Sean from the intercom support team here again 👋 

The version in the example uses version 7 but the React Native repo is currently on version 9.1.2 could you try this again with the newer version as this should not happen on later version of the SDK.


@Sean M I think you may have been replying to a different message there!

My question/issue is regarding the fact that the preview text is invisible in the in-app message notification on Android + expo, as can be seen in the screenshot I attached


Hi ​@Rob Walker Yes I did! I edited my answer for your question, sorry about that!


Hello again ​@Rob Walker, Sean from the intercom support team here again 👋 

The version in the example uses version 7 but the React Native repo is currently on version 9.1.2 could you try this again with the newer version as this should not happen on later version of the SDK.

 

@Sean M  I am seeing this with `"@intercom/intercom-react-native": "^9.1.2",` both in our actual app implementation, and in the `expo-example`.
The screenshot was taken with `"@intercom/intercom-react-native": "^9.1.2",`


@Sean M Please let me know if you require any additional assistance in replicating this issue


I was hopeful that tis issue was fixed in 9.2.0 - https://github.com/intercom/intercom-react-native/releases/tag/9.2.0 but unfortunately, the same issue still persists.

I’ve replicated the issue using your own `expo-example` (see below for detailed replication steps)

Screenshot taken from the example app on an Android physical device - device is running in Dark Mode, with no light/dark preference set in the example app. See the missing text in the in-app message at the bottom of the screen. I won’t share the URL to the specific message publicly, but contact me for the message URL if it’s helpful.

 

 

Detailed replication instructions:

  1. Clone https://github.com/intercom/intercom-react-native.git
  2. cd into `examples/expo-example`
  3. Edit package.json to specify the version of `@intercom/intercom-react-native` as `9.2.0) (to rule out any differences between local and published package)
  4. Run `pnpm i`
  5. Edit `config/intercom.config.ts` to add `appId` and API keys
  6. Add relevant `google-services.json` file
  7. Edit app.json:
    1. update `scheme`
    2. update `android.googleServicesFile`
    3. update `android.packages`
  8. Run `npx expo run:android`
  9. Using the test app UI, ensure that the Push permissions are allowed, and that the push token is sent to Intercom
  10. Using the test app UI, login as an unidentified user, or use an email address, and start an Intercom conversation.
  11. Respond to the message from within Intercom
  12. The in-app message will be displayed in the test app, with the actual message text missing (see screenshot above) 💥

 


FYI: I duplicate of this issue has also been reported at 

with some additional info that may be helpful in debugging.