React native react native上listview节内容的容器
我有一个包含节标题的列表视图,我不想在容器中包含节内容(每个节内容)并向其添加边框。怎么可能呢 我编写了一个示例代码,它在listView中为不同的行提供了边框/分隔符。renderSeparator是您应该寻找的函数。希望能有帮助React native react native上listview节内容的容器,react-native,react-native-android,react-native-listview,React Native,React Native Android,React Native Listview,我有一个包含节标题的列表视图,我不想在容器中包含节内容(每个节内容)并向其添加边框。怎么可能呢 我编写了一个示例代码,它在listView中为不同的行提供了边框/分隔符。renderSeparator是您应该寻找的函数。希望能有帮助 const styles = StyleSheet.create({ separator: { flex: 1, height: StyleSheet.hairlineWidth, backgroundColor: '#8E8E8E',
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.
/>
);
}
}
const styles=StyleSheet.create({
分离器:{
弹性:1,
高度:StyleSheet.hairlineWidth,
背景颜色:“#8E8E8E”,
},
});
类ListViewDemo扩展组件{
render(){
返回(
{data}}
renderSeparator={(sectionId,rowId)=>}//请参见此行。renderSeparator负责提供边框。
/>
);
}
}
但当它下面有节头时,它将不会呈现。我不确定下面的节头到底是什么意思。但如果RenderOperator不适合您。可以在renderRow函数本身中添加边框。类似于://UI组件