Border not scaling on Android 7.0 #18208
Description
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.