react.js
reactjs
React
reactnative
CRNA

ReactNativeで素敵なリストを作ってみたい

こんなのできたら嬉しいのですが・・・

2017-09-22 19_58_36.gif2017-09-22 19_56_48.gif


できるか・・・

react-native-ultimate-listview

Usageだけでなく、Exampleまで用意されている!!
これならド素人の自分でもできるかも・・・


まずはプロジェクトを・・・

この記事で書いたCRNAでプロジェクトを作成。


Exampleをコピー

できたプロジェクトにExample配下を全コピ。
必要なものだけインストール!!
(まだnpm使ってます・・・)

npm install --save native-base
npm install --save react-native-ultimate-listview

早速スタート

おやっ・・・?
エラーが出ました。

itemContainer/flatListItem.js
../../img/default-portrait.png

がないよ的な・・・
あっExampleだけしか持って来ていませんでした。。

imgをコピーしてパスを ../img に修正。


リラン

おっと。
できてしまいました。


最後に

ここまで色々書いて揃えてくれていると
こんな僕でも簡単にできました。

あとはコードを紐解いて自分のアプリに入れ込んでいきます^^
いいものを見つけられてよかったです☆彡