0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

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

Last updated at Posted at 2017-09-22

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

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 に修正。


リラン

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


最後に

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

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

0
0
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?