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

Text label backgroundColor has alpha display error #19260

Closed
helele90 opened this issue May 15, 2018 · 4 comments
Closed

Text label backgroundColor has alpha display error #19260

helele90 opened this issue May 15, 2018 · 4 comments
Labels
Issue: Author Provided Repro This issue can be reproduced in Snack or an attached project. Stale There has been a lack of activity on this issue and it may be closed soon.

Comments

@helele90
Copy link

helele90 commented May 15, 2018

code

import React, { Component } from 'react';
import { Text, View, StyleSheet } from 'react-native';

export default class App extends Component {
  render() {
    return (
      <View style={styles.container}>
      <Text style={[styles.text, {backgroundColor: '#f30301'}]}>backgroundColor: #f30301</Text>
      <Text style={[styles.text, {backgroundColor: '#f3030150'}]}>backgroundColor: #f3030150</Text>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    justifyContent: 'center',
    alignItems: 'center',
    flex: 1,
  },
  text: {
    marginTop: 10,
    height: 40,
    width: 200,
    fontSize: 13,
    textAlign: 'center',
    color: 'white',
  },
});

Image

9d8b85aea74007e56e808264fca008f7

Template

template: https://snack.expo.io/H1DvLbYRz

if Text style backgroundColor has alpha, the background display error.

Environment

Environment:
OS: macOS High Sierra 10.13.4
Node: 8.11.1
Yarn: 1.6.0
npm: 6.0.1
Watchman: 4.9.0
Xcode: Xcode 9.3 Build version 9E145
Android Studio: Not Found

Packages: (wanted => installed)
react: ^16.3.2 => 16.3.2
react-native: ^0.55.4 => 0.55.4

Steps to Reproduce

Expected Behavior

Actual Behavior

@hramos
Copy link
Contributor

hramos commented May 15, 2018

Can you please fill out the template?

@helele90
Copy link
Author

@hramos I made a expo demo.

@react-native-bot react-native-bot added Issue: Author Provided Repro This issue can be reproduced in Snack or an attached project. and removed 📋No Template labels May 18, 2018
@stale
Copy link

stale bot commented Aug 16, 2018

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 "For Discussion" or "Good first issue" 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 16, 2018
@stale
Copy link

stale bot commented Sep 6, 2018

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 Sep 6, 2018
@facebook facebook locked as resolved and limited conversation to collaborators Sep 6, 2018
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Issue: Author Provided Repro This issue can be reproduced in Snack or an attached project. 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

3 participants