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

[android]weird border with borderRadius in huawei and meizu #16833

Closed
toearth opened this issue Nov 15, 2017 · 2 comments
Closed

[android]weird border with borderRadius in huawei and meizu #16833

toearth opened this issue Nov 15, 2017 · 2 comments
Labels
Stale There has been a lack of activity on this issue and it may be closed soon.

Comments

@toearth
Copy link

toearth commented Nov 15, 2017

Is this a bug report?

yes

Have you read the Contributing Guidelines?

(Write your answer here.)

Environment

Steps to Reproduce

(Write your steps here:)

When set the border color to #329CF8. and another action reset boder color to #F2F2F2, then #329CF8 color dose not disappear. This problem can find in huawei honor and meizu. In samsung, the behavior is normal. If remove borderRadius , all became normal.

set blue border
b47a5169-d47e-4afb-97aa-0e96f30be226

set grey border
c293f082-2e9b-486e-a247-5060f547d9aa

    render() {
        return (
            <TouchableOpacity
                style={[styles.container, this.state.hasBorder ? styles.tagContainer :styles.tagContainerGrey]}
                onPress={this.onPress}>
                <Text style={[styles.text, this.state.hasBorder ? styles.tagText : styles.tagTextGrey]}>
                    test1
                </Text>
            </TouchableOpacity>
        )
    }


let styles = StyleSheet.create({
    container: {
        height: 20,
        width: 47,
        alignItems: 'center',
        justifyContent: 'center',
    },
    text: {
        fontSize: 13,
        paddingBottom: 0.2
    },
    tagContainerGrey: {
        borderColor: '#F2F2F2',
        backgroundColor: '#F2F2F2',
        width: 75,
        height: 35,
        marginRight: 10,
        borderRadius: 7,
    },
    tagTextGrey: {
        color: '#3B3B3B',
    },
    tagContainer: {
        backgroundColor: 'white',
        width: 75,
        height: 35,
        marginRight: 10,
        borderRadius: 7,
        borderWidth: 1 / PixelRatio.get(),
        borderColor: '#329CF8',
    },
    tagText: {
        fontSize: 13,
        color: '#329CF8',
    },
})

Expected Behavior

33e61011-c757-498d-9503-0304799f3333

(Write what you thought would happen.)

Actual Behavior

c293f082-2e9b-486e-a247-5060f547d9aa

(Write what happened. Add screenshots!)

Reproducible Demo

(Paste the link to an example project and exact instructions to reproduce the issue.)

@stale
Copy link

stale bot commented Jan 14, 2018

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Maybe the issue has been fixed in a recent release, or perhaps it is not affecting a lot of people. If you think this issue should definitely remain open, please let us know why. 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 Jan 14, 2018
@stale stale bot closed this as completed Jan 21, 2018
@toearth
Copy link
Author

toearth commented Jan 25, 2018

It seems ok on 0.52

@facebook facebook locked and limited conversation to collaborators May 15, 2018
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
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

1 participant