反応したネイティブのカスタムフラットリストアイテム

Question

リスト項目を含むフラットリストを作成しようとしています。私はhttps://facebook.github.io/react-native/docs/flatlist.htmlのサンプルの1つを使用して1つを構築しました。

私はこれをさらに複雑にすることでこれを拡張しようとしていますが、私は立ち往生しています。私は、以下のようなリストアイテムを含むフラットリストを作成しようとしています。もちろん、私はこれらのネイティブライブラリを使用してこの問題を解決することができますが、代わりにライブラリを使用することを避けようとしています。複数のレンダリングでフラットリストコンポーネントを作成したいのです。これに助けていただければ幸いです。

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> 
    ) 
    } 
}