Nativeでは使用することができません。Nativeに変換をします。react-native-elements例でアバター一覧を表示させてみます。Nativeではこれでアバター付きつのリスト一覧を表示できます。この場合、アバターの情報が入ったlistから、mapを使って<ListItem>を出力しています。Nativeに変換します。1;}</style>こういった形になります。v-forを使ってdata:function()で定義したlistをループで出力させています。Native(Vue)の方が書き方がシンプルで好きです。Nativeに変換する場合です。Native独特の書き方ですよね。Nativeを触っていないで、いきなりこれを見てしまうとよくわからないかもしれませんが、少しさわればわかります。Nativeに変換します。Nativeではrender-prop-fnを使えば関数をテンプレート部分に組み込んで、その要素の中で出力したい要素を展開することができます。特徴的なのはargs。このargsの中に引数が入っています。あとはやっていることは同じです。Nativeでは豊富なコンポーネントがすでに用意されており、それらを組み合わせるだけでも十分アプリになります。それらの中にはrenderItemを結構使用しているものが多くあります。Nativeではしょっちゅう出てくるのできっとこの変換をすることになると思います。コンポーネントを指定する場合は、render-propを使って書いたりします。こちらはあまり使用しないです。慣れてくるまでこの変換は少し面倒かもしれませんがやっていくうちになれるので頑張りましょう!FacebookTwitterPocketはてブGoogle+LINE関連記事Vuetifyでレスポンシブのテーブルを作るVuetifyでのバリデーションまとめ(多言語対応).htaccessのできることについてまとめる。Nativeでアプリにマップを表示させてマーカーを設置するまで。part.1プロフィールこのサイトを運営しているイノカワです。静岡でフリーランスをやっています。コードを書くのが大好き。いろんな技術に触れて日々気づいたこと・感じたこと・詰まったこと・生活のことを書いています。技術においては雑食です。