記事一覧などに便利なコンポーネント:Card

ysugiyama12 17views 更新:2017年3月22日

nativeBaseにあるCard要素を用いるとリスト形式のデザインが簡単に実現できる。


<ScrollView horizontal> <Card> <CardItem cardBody> <Image source={Picture1}/> </CardItem> <CardItem content> <Text>No.1</Text> </CardItem> </Card> <Card> <CardItem cardBody> <Image source={Picture2}/> </CardItem> <CardItem content> <Text>No.2</Text> </CardItem> </Card> </ScrollView>

この例では横スクロールできるようなリストを作成した。CardItem要素でcardBody や content などの細かい指定をすることもできる。

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません