2017-12-16 28 views
0

私はReact Nativeに新しく、reduxreact-navigationでこのアプリケーションを構築しています。ここに問題があります:React Nativeは再描画されませんListview

私はAPIからレコードを取得していますが、うまくいきました。レコードをフェッチしている間にLoadingというアイコンが表示された後、Listviewはレコードを表示し、レコードがない場合は Textと表示します。そして、突然レコードが表示されなくなり、Loadingアイコンはレコードがあるときに表示され続けますが、レコードがないときはTextが表示されます。

このバグの原因は何ですか?私はExpoを使用していますので、フェッチされたレコードをコンソールに印刷してレコードがあります。また、データが取得された後、私はをrender関数に入れて呼び出されます。つまり、Listviewをレンダリングしないだけです。

ありがとうございます!

UPDATE

ので、下記の提案として、私はFlatListを使用していると私は私はそれを持っているリストに渡されたデータを印刷するときFlatListから渡されたitemは再び奇妙な原因である未定義であることを発見しました内容ここに私の現在のコードです:

MyFlatlist

return <FlatList 
    data={data} //an array of objects 
    renderItem={this._renderItem} //console prints undefined 
/> 

//I also tried 
return <FlatList 
    data={data} //an array of objects 
    renderItem={({item}) => this._renderItem(item)} //I think this doesn't call the method cause it doesn't print anything on the console. 
/> 

MyRenderItem

_renderItem = ({item}) => { 
    console.log(item) 
} 

FINAL UPDATE

だから、私が得る最初のAPIをこの問題の原因となった二つの要因がありました私のデータは、私のビューでアクセスするフィールドにはどのような結果がないのですか?React Nativeこれをerその結果、レンダリングはエラーメッセージなしで停止します。なぜなら、これは検出が難しいからです。第2に、FlatListを使用すると、renderItem関数に送信されるアイテムごとに、レンダリングが再び停止するように実際のデータを含むプロパティitemを持つオブジェクトの下にもあります。

これは私の設定に関する限り修正されました。あなたのすべての協力に感謝します!

+1

私たちにいくつかのコードを教えてください。間違っている可能性のあることがたくさんあります。 –

+0

ああ、申し訳ありませんが、コードが表示されませんでした。すべてが適切であると仮定すると、突然動作しなかったと言いました。コードに触れなかっただけで、これに影響する可能性のある要素は何ですか? – Jed

+0

ああそうだったので、それは何の変化もなく停止しましたか?私は実際に万博を使用していないが、おそらくすべてを閉じて、実行中のパッケージャを停止し、再度それを実行しようとします。 –

答えて

1

私はListViewに出会ったことがあります。 docsから

: - 詳細については、ListViewDataSourceを参照して、ソースデータが変更されたため、行を再レンダリングする必要がある場合、データソースに提供

rowHasChanged機能は、リストビューを伝えます。

リストビューは廃止されました。 https://facebook.github.io/react-native/docs/listview.htmlを参照してください。 FlatListまたはSectionListを使用してください。この詳細についてはこちらからarticle

+0

こんにちは、まだ成功していない、私は私の質問を編集しました。 – Jed

+0

ドキュメントからハンドルを試してみませんか? https://facebook.github.io/react-native/docs/flatlist.html ' {item.key}} /> ' – skylerfenn

+0

私の質問をもう一度更新しました。問題を申し訳ありません:) – Jed

関連する問題