リスト内の10個の項目の後にネイティブのリストビューを選択できない

Question

リストビューを選択可能な行で作成しましたが、行が10を超えると選択が機能しなくなります。

は、ここでは、9アイテムをリストに追加してある：作成とクリックすると、各列の個々の行の項目を比較するために状態を変更した場合

// Individual row function 
row(data, secId, rowId) { 
    // place in queue 
    let place = Number(rowId) + 1; 

    // set the selected queuer to show its page 
    let setSelectedQueuer =() => { 
    this.setState({ 
     selectedKey: data._key, 
     editName: data.name, 
     editParty: data.partySize, 
     editPhone: data.phoneNumber, 
     editNotes: data.notes 
    }); 
    } 

    return (
    <Queuer 
     key={data._key} 
     queuerKey={data._key} 
     place={place} 
     name={data.name} 
     selectedKey={this.state.selectedKey} 
     createdAt={data.createdAt} 
     partySize={data.partySize} 
     onPress={setSelectedQueuer} 
    /> 
); 
} 

これは、各列のキーを設定します。

let isSelected =() => { 
    if (this.props.queuerKey === this.props.selectedKey) { 
    return Colors.info; 
    } else { 
    return 'white'; 
    } 
} 

10番目の項目が追加されて停止するまではうまくいきます。

他の行アイテムをクリックしてもスタイルは変更されません。 10番目のアイテムが追加されたときに何か変わったことが起こっています。

Answer 1

解決済み！私はリストビューにinitialListSizeを設定しなかった。 initialListSizeはデフォルトで10に設定され、そのサイズに達すると再レンダリングを停止します。

はこれが助けた： は React Native ListView doesn't rerender for large data