グリッドを作成するネイティブに反応する

Question

グリッドに要素を表示しようとしています。各行には、画面サイズに応じてできるだけ多くの要素を含める必要があります。私はフォーラムで同様のpostを見つけましたが、コードは古いようで、私は反応ネイティブで非常に新しいです、私はそれを実行することができませんでした。手伝ってくれませんか？これは私がラインdataSource={this.state.dataSource}上のエラーを取得する私の現在のコード

export default class Container extends Component { 
    constructor() { 
    super(); 
    const ds = new ListView.DataSource({rowHasChanged: (r1, r2) => r1 !== r2}); 
    this.state = { 
     dataSource: ds.cloneWithRows(['row 1', 'row 2']), 
    }; 
    } 

    render() { 
    return (
     <ListView 
     dataSource={this.state.dataSource} 
     renderRow={(rowData) => <Text>{rowData}</Text>} 
     /> 
    ); 
    } 
} 

です：あなたはreact-native

import { ListView } from 'react-native' 

エラーからあなたがListViewをインポートしていることを確認する必要がありundefined is not an object (evaluating 'new _reactNativeElements.ListView.DataSource

Answer 1

ListViewがあると述べていますundefined。

廃止予定であり、代わりにFlatListを使用する必要があることに注意してください。非推奨

- 、有界メモリ使用のために、このようなFlatListや SectionListとして、少数のバグを新しいリストのコンポーネントのいずれかを使用し、優れたパフォーマンス、 APIを使いやすく、そしてより多くの機能。 Check out this blog post for more details.