水平セパレータを作成する

Question

反応ネイティブで水平線（セパレータ）を作成したい。セパレータには左右のスペースが必要です。私はこの問題は、右パディングが動作していないということであるサイトで見つけたこのコードを使用する

<View 
    style={{ 
    borderBottomColor: 'black', 
    borderBottomWidth: 1, 
    left: 5, 
    right:5 
    }} 
/> 

を試してみました。また、線が悪く見える、小さな影を作る方法はありますか？または、セパレータを作成できるコンポーネントがありますか？

Answer 1

leftおよびright小道具はコンポーネント/要素を配置するためのものです。希望の効果を得るには、marginRightとmarginLeft小道具を使用する必要があります。

例

<View 
    style={{ 
    borderBottomColor: 'black', 
    borderBottomWidth: 1, 
    marginLeft: 5, 
    marginRight: 5 
    }} 
/>