とがみんブログ
就活中、自己分析にハマり、心理学、脳科学の本を読み漁りつつ哲学チックなことをひたすら考えていました。このブログでは、そんなとがみんの考えや経験を綴っていきます。
React Native

【React Native】Tableの実装方法

どうも、アンドロイド用ブログ管理アプリ「Feedmin」を開発すべく、React Nativeについて勉強中のとがみんです。

調べたこと、勉強したことのアウトプットをこのブログでもしていきます。

この記事では、React-Nativeを用いたテーブルの実装方法について説明していきます。

サンプルアプリ

今回React-Nativeで作成するTableは以下のようなものです。

スポンサードリンク

Tableの実装

FlatListで、renderCellの中身が呼ばれています。

FlatListのdataは表示するデータを渡すプロパティで、renderItemは各セルのレイアウトを決定します。

>FlatList

GitHub

以下がGitHubのURLです。参考にしながら実装してみてください。

まとめ

React Nativeでのテーブルの実装について紹介しました。

何か不明点等あれば、ご指摘いただけると嬉しいです。

スポンサードリンク