Border not scaling on Android 7.0

[KirinHorse]

Border not scaling on Android 7.0 in RN [0.51 - 0.54]

Environment

Environment:
OS: Windows 10
Node: 9.5.0
Yarn: 1.3.2
npm: 5.6.0
Watchman: Not Found
Xcode: N/A
Android Studio: Not Found

Packages: (wanted => installed)
react: 16.2.0 => 16.2.0
react-native: 0.54.0 => 0.54.0

Expected Behavior

Actual Behavior

Steps to Reproduce

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

export default class TestScreen extends Component {
    render() {
        return (
            <View style={styles.container}>
                <View style={[styles.bg, {transform: [{scale: 0.5}]}]}>
                    <Text style={styles.text}>Scaled by 0.5</Text>
                </View>
                <View style={[styles.bg, {transform: [{scale: 1}]}]}>
                    <Text style={styles.text}>Scaled by 1</Text>
                </View>
                <View style={[styles.bg, {transform: [{scale: 2}]}]}>
                    <Text style={styles.text}>Scaled by 2</Text>
                </View>
            </View>
        );
    }
}

const styles = StyleSheet.create({
    container: {
        alignItems: 'center',
        justifyContent: 'center',
        flex: 1
    },
    bg: {
        backgroundColor: 'orange',
        borderRadius: 5,
        borderWidth: 5,
        borderColor: 'red',
        width: 300,
        height: 80,
        margin: 30
    },
    text: {
        fontSize: 20
    }
});

Be sure the android version is 7.0 and react-native version is above 0.51.

I just test it on Android 4.4, and it workd well, but not on Android 7.0.
I did not test on other Android devices.

[react-native-bot]

Thanks for posting this! It looks like your issue may refer to an older version of React Native. Can you reproduce the issue on the latest stable release?

Thank you for your contributions.

_{How to Contribute • What to Expect from Maintainers}

[KirinHorse]

@react-native-bot It appears in RN 0.51 - 0.54.

[filbertteo]

I'm encountering this issue as well. It's already been reported in #17224, but no one followed up with a fix, so it was closed by @react-native-bot. Hope someone will come up with a fix this time round.

[VinceBT]

Getting this issue on 0.54.0 too
Also, setting borderRadius to 99999 is not working anymore.

[Elf2707]

Having the same issue on RN 0.53.3 scale not working on devices and simulators with Android 7.0.0 if View style has borderRadius property.

[hramos]

Can you verify if this still occurs on 0.56.0-rc?

[Fsarmento]

I am still having this exact same issue on 0.56. it only happens when borderRadius is set to a value bigger than 0.

react: 16.4.1 => 16.4.1
react-native: 0.56.0 => 0.56.0

I made a simple example on expo snack here. Scan the QR code with an Android 7.0 phone to reproduce the bug.

Edit

After playing with the expo snack example, I realized this issue only aplies to View components. Image componants can render the border correctly scaled.

[nicollecastrog]

I'm also still having issues with this on 0.56, details in this issue

[filbertteo]

I'm currently using RN 0.57.0, and after testing, I can confirm that it's been fixed for Android 7.0 (tested on emulator) and 8.0 (tested on both emulator and physical device). Try updating your RN to the latest version to see if it works for you :)