七、添加间隔线

列表控件:FlatList有专门的属性设置行与行的间隔线。这里就不说了。如果父控件是ScrollView,那要如何做到行与行之间的分隔线呢?

  1. 办法一
    不推荐。也是我之前的笨办法。
    1
    <View key={rowIndex} style={{width:'100%', height:1, backgroundColor:'#D3D7D4'}}/>

2.给每行的父控件添加border属性:

1
2
borderBottomColor:'#D3D7D4',
borderBottomWidth:1

就达到行与行的间隔线划分效果