Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Weird effect in a <Text> with background color with alpha and padding #22245

Closed
dani-mp opened this issue Nov 12, 2018 · 10 comments
Closed

Weird effect in a <Text> with background color with alpha and padding #22245

dani-mp opened this issue Nov 12, 2018 · 10 comments
Labels
Bug Component: Text Needs: Attention Issues where the author has responded to feedback. Stale There has been a lack of activity on this issue and it may be closed soon.

Comments

@dani-mp
Copy link

dani-mp commented Nov 12, 2018

Environment

React Native Environment Info:
System:
OS: macOS 10.14.1
CPU: x64 Intel(R) Core(TM) i5-4258U CPU @ 2.40GHz
Memory: 39.92 MB / 8.00 GB
Shell: 3.2.57 - /bin/bash
Binaries:
Node: 9.7.1 - ~/.nvm/versions/node/v9.7.1/bin/node
Yarn: 1.2.1 - /usr/local/bin/yarn
npm: 6.4.1 - ~/.nvm/versions/node/v9.7.1/bin/npm
Watchman: 4.7.0 - /usr/local/bin/watchman
SDKs:
iOS SDK:
Platforms: iOS 12.0, macOS 10.14, tvOS 12.0, watchOS 5.0
Android SDK:
Build Tools: 21.1.2, 22.0.1, 23.0.1, 23.0.3, 25.0.0, 25.0.2, 26.0.1, 26.0.2, 27.0.1, 27.0.3, 28.0.2, 28.0.3
API Levels: 17, 18, 19, 22, 23, 25, 26, 27, 28
IDEs:
Android Studio: 3.2 AI-181.5540.7.32.5056338
Xcode: 10.0/10A254a - /usr/bin/xcodebuild
npmPackages:
react: 16.6.0 => 16.6.0
react-native: ^0.57.3 => 0.57.3
npmGlobalPackages:
react-native-cli: 2.0.1

Description

Rendering a <Text /> styled with a background color with alpha and some padding creates a weird effect easily appreciable.

image

Reproducible Demo

https://snack.expo.io/@danielmartin/dGV4dC

@react-native-bot
Copy link
Collaborator

Can you run react-native info and edit your issue to include these results under the Environment section?

If you believe this information is irrelevant to the reported issue, you may write [skip envinfo] under Environment to let us know.

@Gerhut
Copy link

Gerhut commented Mar 7, 2019

Same issue

@rickhanlonii
Copy link
Member

Confirmed the issue, my guess is that we're adding the style to the bounding view and the text view so the two layered transparent styles are being applied, causing the inner style to be darker

@stale
Copy link

stale bot commented Aug 4, 2019

Hey there, it looks like there has been no activity on this issue recently. Has the issue been fixed, or does it still require the community's attention? This issue may be closed if no further activity occurs. You may also label this issue as a "Discussion" or add it to the "Backlog" and I will leave it open. Thank you for your contributions.

@stale stale bot added the Stale There has been a lack of activity on this issue and it may be closed soon. label Aug 4, 2019
@dani-mp
Copy link
Author

dani-mp commented Aug 5, 2019

:(

@stale stale bot removed the Stale There has been a lack of activity on this issue and it may be closed soon. label Aug 5, 2019
@stale
Copy link

stale bot commented Nov 3, 2019

Hey there, it looks like there has been no activity on this issue recently. Has the issue been fixed, or does it still require the community's attention? This issue may be closed if no further activity occurs. You may also label this issue as a "Discussion" or add it to the "Backlog" and I will leave it open. Thank you for your contributions.

@stale stale bot added the Stale There has been a lack of activity on this issue and it may be closed soon. label Nov 3, 2019
@dani-mp
Copy link
Author

dani-mp commented Nov 3, 2019

🥺

Sent with GitHawk

@stale stale bot removed the Stale There has been a lack of activity on this issue and it may be closed soon. label Nov 3, 2019
@we-over-i
Copy link

we-over-i commented Dec 28, 2019

This issue still exists! No fix found so far. Although its only happening in iOS and not Android.

@hramos hramos added Needs: Attention Issues where the author has responded to feedback. and removed Hi-Pri labels Feb 28, 2020
@stale
Copy link

stale bot commented May 30, 2020

Hey there, it looks like there has been no activity on this issue recently. Has the issue been fixed, or does it still require the community's attention? This issue may be closed if no further activity occurs. You may also label this issue as a "Discussion" or add it to the "Backlog" and I will leave it open. Thank you for your contributions.

@stale stale bot added the Stale There has been a lack of activity on this issue and it may be closed soon. label May 30, 2020
@stale
Copy link

stale bot commented Jun 6, 2020

Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please feel free to create a new issue with up-to-date information.

@stale stale bot closed this as completed Jun 6, 2020
@facebook facebook locked as resolved and limited conversation to collaborators Jun 7, 2020
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Bug Component: Text Needs: Attention Issues where the author has responded to feedback. Stale There has been a lack of activity on this issue and it may be closed soon.
Projects
None yet
Development

No branches or pull requests

6 participants