2017-08-22 23 views
1

私は反応するネイティブアプリケーションを開発しています。ホームページでは、ビデオ、オーディオ、画像、ブログ、記事などの投稿を表示する必要があります。これを達成する方法として混乱しています。さまざまな種類のコンポーネント、オーディオ、ビデオ、画像のミックスを使用してリストまたはグリッドビューを作成するにはどうすればよいですか。バックエンドからは、画像やビデオ、オーディオ、ブログを追加し、新しい投稿をリストに作成します。また、新しい投稿を最初に追加して最後には追加しません。どんな助けもありがとう。異なるタイプのコンポーネントでネイティブのリストビューに反応します

答えて

1

これを行うにはFlatListを使用できます。使い方が簡単で、パフォーマンスは良いですし、React-Native(this参照)が推奨しています。 これはFlatListを使用した簡単な例です。リスト項目を別々のコンポーネントまたは関数で処理し、renderItem小道具FlatListに渡すことができます。 FlatListの全文をhereに表示します。

+0

お返事ありがとうございました!申し訳ありませんが、フラットリストについては混乱しており、正しく理解できません。 dataListとは何ですか?データに渡されたアイテムの型を渡す場所はどこですか? –

+0

私は 'dataList'があなたの投稿のリストであると仮定し、あなたの投稿オブジェクトはこれを使ってあなたの投稿のタイプを検出し、各投稿に対して適切なUIコンポーネントを選ぶことができるタイププロパティを持っていると仮定します。 'または' ')。 –

+0

'_renderItem'はあなたの投稿に適切なUIコンポーネントを返す関数です。投稿の種類ごとに独自のUIコンポーネントを定義する必要があります。 –

関連する問題