리스트 뷰 섹션에 대한 컨테이너 반응 네이티브에 대한 내용

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. 
    /> 
    ); 
    } 
}