Skip to content

Image in Text Element Displaying Strange Background #27214

Description

@ashleighc207

When embedding an image in line with text, it is adding a missing file icon background to the image on iOS. This does NOT occur when the image is outside of a text element.

React Native version:

System:
OS: macOS Mojave 10.14.6
CPU: (16) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz
Memory: 11.62 GB / 32.00 GB
Shell: 5.3 - /bin/zsh
Binaries:
Node: 10.16.3 - /usr/local/bin/node
Yarn: 1.19.0 - /usr/local/bin/yarn
npm: 6.12.1 - /usr/local/bin/npm
Watchman: 4.9.0 - /usr/local/bin/watchman
SDKs:
iOS SDK:
Platforms: iOS 13.1, DriverKit 19.0, macOS 10.15, tvOS 13.0, watchOS 6.0
IDEs:
Android Studio: 3.5 AI-191.8026.42.35.5900203
Xcode: 11.1/11A1027 - /usr/bin/xcodebuild
npmPackages:
react: 16.9.0 => 16.9.0
react-native: 0.61.2 => 0.61.2
npmGlobalPackages:
react-native-cli: 2.0.1

Steps To Reproduce

  1. It seems to be happening with the specific icon I've linked in the snack - some other icons seem to be working alright. Just trying to find the source of the issue with the image so I know how to correct it.

Describe what you expected to happen:
The image would show inline with text with no background

Snack, code example, screenshot, or link to a repository:
https://snack.expo.io/r1o6H5Kjr

Adding in initial SO question: https://stackoverflow.com/questions/58825077/react-native-image-next-to-multiline-text/

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions