Skip to content

Background Line between Rating Stars on Android #1307

@mbackermann

Description

@mbackermann

Explain what you did
There's a line between stars on Android that shouldn't be there

Expected behaviour
The color of the stars shouldn't be leaking out

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
We highly recommend that you re-create the bug on Snack. If not, list the steps that a reviewer can take to reproduce the behaviour:
I tried to reproduce this bug on Snack, but it doesn't happen on Snack. I've just created a new react-native app with react-native init and installed react-native-elements. That's all I've done and the error is happening.

My code:

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

import { Rating } from 'react-native-elements';

export default class App extends Component {

  render(){

    return(
        <View>
          <Rating
            imageSize={20}
            readonly
            startingValue={4.3}
            style={styles.rating}
            />
        </View>
    )

  }

}

const styles = StyleSheet.create({
  rating: {
    alignSelf: 'center'
  }
})

Screenshots
screen shot 2018-07-16 at 13 10 20

Your Environment (please complete the following information):

Android 8.0
React Native version: 0.56
React Native Elements version: 0.19.1
react-native-vector-icons version: 4.6.0

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions