リアクションネイティブ - データグリッド

Question

私はAndroid/iOS用のビジネスアプリケーションを開発しています。ここで、ユーザーはテーブル/データグリッドに記事を追加して請求書を作成できます。私はReact Nativeで働いていて、適切なコンポーネントを探しています。要件は、行の追加/削除とセルの変更です。

私はいくつかのコンポーネントを試しましたが、私のニーズに合っていませんでした。

React Nativeの下のデータグリッドに関する推奨事項はありますか？

Answer 1

お客様のニーズに最も適した選択肢は、FlatListコンポーネントを使用することです。 react-nativeチームによって推薦され、そのパフォーマンスは良好です（here参照）。 FlatListもとても使いやすく、便利なドキュメントhereを読むことができます。単にあなたが（this.state.dataこの例では）FlatListの入力リストから項目を追加または削除することができます

_keyExtractor = (item, index) => item.id; 

    _renderItem = ({item}) => (
    <MyListItem 
     id={item.id} 
     title={item.title} 
    /> 
); 

    render() { 
    return (
     <FlatList 
     data={this.state.data} 
     extraData={this.state} 
     keyExtractor={this._keyExtractor} 
     renderItem={this._renderItem} 
     /> 
    ); 
    } 

とextraData小道具にthis.state値を渡すことで、FlatList：FlatListの簡単な例は次のようになります状態の変化を認識し、最高のパフォーマンスで自動的に更新されます。