반응 네이티브 형식의 사용자 정의 플랫 목록 항목

Question

목록 항목으로 플랫리스트를 만들려고합니다. 나는 https://facebook.github.io/react-native/docs/flatlist.html의 샘플 중 하나를 사용하여 하나를 만들었다.

나는 이것을 좀 더 복잡하게 만듦으로써 확장하려고 노력 중이다. 그러나 나는 붙어있다. 아래 목록 항목을 사용하여 평판을 만들려고합니다. Ofcourse 나는 이러한 반응하는 네이티브 라이브러리 중 하나를 사용하여이 문제를 해결할 수 있지만 대신 라이브러리를 사용하지 않으려 고합니다.이 방법을 사용하면 구성 요소를 더 많이 제어 할 수 있기 때문에 여러 렌더링을 사용하여 평면 목록 구성 요소를 구성하고 싶습니다. 어떤 도움을 주셔서 감사합니다.

Answer 1

그것을 달성하는 가장 쉬운 방법은 행의 구성 요소와 소품을 기반으로 당신이 그것을 렌더링하는 방법을 결정하는 것입니다. 예 :

class Row extends React.PureComponent { 

    render(){ 
     const { item } = this.props 
     if(item.break){ 
     return <Text>Break</Text> 
     } 
     return (
     <View><Text>Normal item goes here</Text></View> 
    ) 
    } 
}