SHARE
TWEET

Untitled

a guest Oct 21st, 2019 103 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. import React, { Component } from 'react';
  2. import { View, Container, Header, Content, Card, CardItem, Text, Body } from 'native-base';
  3. import { Image, TouchableWithoutFeedback, TouchableOpacity } from 'react-native'
  4. import ImageOverlay from "react-native-image-overlay";
  5.  
  6. // css
  7. import { styles } from '@styles/Styles';
  8. export default class CardHeaderFooterExample extends Component {
  9.   render() {
  10.     var loadContent = [];
  11.  
  12.     for (let i = 0; i < 10; i++) {
  13.       loadContent.push(
  14.         <ImageOverlay
  15.           source={{ uri: "https://blog-assets.hootsuite.com/wp-content/uploads/2016/08/social-media-for-business-940x470.jpg" }}
  16.           title="This is the title"
  17.           titleStyle={{ color: '#fff', fontWeight: 'bold' }}
  18.           height={70}
  19.           rounded={10}
  20.           containerStyle={{marginBottom: 5, width:350}}
  21.         />
  22.       )
  23.     }
  24.  
  25.     return (
  26.       <View style={{ flex: 1, flexDirection: "column" }}>
  27.         {loadContent}
  28.       </View>
  29.       // <View style={{ flex: 1}}>
  30.       //   { CardCategory }
  31.       // </View>
  32.     );
  33.   }
  34. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top