React Native：Android：borderRadiusと異なる境界線の色

Question

Android vs iOSの境界線の色の違いを説明するドキュメントは見つかりません。下記のコードはiOSではうまく動作しますが、Androidでは動作しません。 Androidは青い枠線をすべて無視することにします。

borderRadiusが削除されても問題は解決します。 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

問題が消えます。

はい、there's a bugはい、Androidでこれを行うと、あなたの全体の境界が設定されている、またはなくなっています。

ラッパービューを使用するか、半径を使用しないことをお勧めします。