容器listview部分內容反應原生

Question

我有一個列表視圖的部分包括部分標題，我不想包含容器中的部分內容（每個部分的內容）並添加邊框。這怎麼可能 ？

Answer 1

我寫了一個示例代碼，其中有不同的行在listView中的邊界/分隔符。 renderSeparator是您應該查找的功能。希望能幫助到你。

const styles = StyleSheet.create({ 
    separator: { 
    flex: 1, 
    height: StyleSheet.hairlineWidth, 
    backgroundColor: '#8E8E8E', 
    }, 
}); 

class ListViewDemo extends Component { 

    render() { 
    return (
    <ListView 
     style={styles.container} 
     dataSource={this.state.dataSource} 
     renderRow={(data) => <View><Text>{data}</Text></View>} 
     renderSeparator={(sectionId, rowId) => <View key={rowId} style= 
     {styles.separator} />} // See this line. renderSeperator is responsible for providing the border. 
    /> 
    ); 
    } 
}