Border radius on android 4.4.2

On android 4.4.2 borderRadius and borderWidth is not render correctly

Environment

OS: Windows 10

Node: 8.5.0

Yarn: 1.2.1

npm: 5.3.0

Watchman: Not Found

Xcode: N/A

Android Studio: Version 2.3.0.0 AI-162.4069837


Packages: (wanted => installed)

react: 16.2.0 => 16.2.0

react-native: 0.53.0 => 0.53.0

Expected Behavior

A rounded rectangle must be rendered

Actual Behavior

Screen shot on android 4.4.2

Steps to Reproduce

Correct demo : https://snack.expo.io/BJuR6khOM

Run the following code on android 4.4.2

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


export default class App extends Component {
  render() {
    return (
      <TextInput style={styles.container}/>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    borderWidth: 1,
    borderColor: '#00ff00',
    borderRadius:10,
    backgroundColor: '#ff0000',
    color: '#252525',
    paddingLeft: 15,
    paddingRight: 15,
    marginTop:50,
  },
});

[tuvshinbatgeru]

It is working without borderWidth. With borderWidth issue still exists. Tested on latest release rn: 55.3 @himabindugadupudi

[sm2017]

@react-native-bot it reproduced in last stable version too