React Native: Android: разные цвета границ с borderRadius

Question

Я не могу найти никакой документации, описывающей разницу в поведении с цветами границ на Android против iOS. Код ниже отлично работает на iOS, но не на Android. Android решает игнорировать синюю границу.

Проблема исчезает, если удаляется borderRadius.

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

    export default class test extends Component { 
    render() { 
     return (
     <View style={styles.container}> 
      <View style={[styles.innerContainer, {borderTopColor: 'blue'}]}></View> 
     </View> 
    ); 
    } 
    } 

    const styles = StyleSheet.create({ 
    container: { 
     flex: 1, 
     justifyContent: 'center', 
     padding: 20 
    }, 
    innerContainer: { 
     borderRadius: 4, 
     borderWidth: 1, 
     borderColor: '#111', 
     height: 200 
    }, 
    }); 

    AppRegistry.registerComponent('test',() => test); 

Answer 1

Проблема уходит, если borderRadius удаляется.

Да, there's a bug на Android, что, как только вы это сделаете, вся ваша граница установлена ​​или ушла.

Лучше всего использовать просмотр оболочки или использовать радиус.