Skip to content

Border not scaling on Android 7.0 #18208

Description

@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

image

Actual Behavior

image

Steps to Reproduce

importReact,{Component}from'react';import{StyleSheet,Text,View}from'react-native';exportdefaultclassTestScreenextendsComponent{render(){return(<Viewstyle={styles.container}><Viewstyle={[styles.bg,{transform: [{scale: 0.5}]}]}><Textstyle={styles.text}>Scaled by 0.5</Text></View><Viewstyle={[styles.bg,{transform: [{scale: 1}]}]}><Textstyle={styles.text}>Scaled by 1</Text></View><Viewstyle={[styles.bg,{transform: [{scale: 2}]}]}><Textstyle={styles.text}>Scaled by 2</Text></View></View>);}}conststyles=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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Platform: AndroidAndroid applications.Ran CommandsOne of our bots successfully processed a command.Resolution: FixedA PR that fixes this issue has been merged.Resolution: LockedThis issue was locked by the bot.

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions