Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/azure/12.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
React native react native上listview节内容的容器_React Native_React Native Android_React Native Listview - Fatal编程技术网

React native react native上listview节内容的容器

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',

我有一个包含节标题的列表视图,我不想在容器中包含节内容(每个节内容)并向其添加边框。怎么可能呢

我编写了一个示例代码,它在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.
     />
    );
  }
}
const styles=StyleSheet.create({
分离器:{
弹性:1,
高度:StyleSheet.hairlineWidth,
背景颜色:“#8E8E8E”,
},
});
类ListViewDemo扩展组件{
render(){
返回(
{data}}
renderSeparator={(sectionId,rowId)=>}//请参见此行。renderSeparator负责提供边框。
/>
);
}
}

但当它下面有节头时,它将不会呈现。我不确定下面的节头到底是什么意思。但如果RenderOperator不适合您。可以在renderRow函数本身中添加边框。类似于://UI组件