Skip to content

Instantly share code, notes, and snippets.

@trepidity

trepidity/Example Card native-base

Created April 14, 2018 16:10
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save trepidity/a6de879adcdd1ae9b3e258a6e90d98e7 to your computer and use it in GitHub Desktop.
Save trepidity/a6de879adcdd1ae9b3e258a6e90d98e7 to your computer and use it in GitHub Desktop.
Download ZIP
An example of a card with a list using native-base
Raw
Example Card native-base
<Container>
<Content>
<Card>
<CardItem cardBody>
<Image source={{uri: 'https://images.unsplash.com/photo-1445052520430-32c8ebc92fe3?crop=entropy&dpr=2&fit=crop&fm=jpg&h=825&ixjsv=2.1.0&ixlib=rb-0.3.5&q=50&w=1450'}} style={{height: 200, width: null, flex: 1}}/>
</CardItem>
<CardItem>
<Title>{user.firstName + " " + user.lastName}</Title>
</CardItem>
<CardItem>
<Icon type="MaterialIcons" name="local-phone" />
<Body>
<Text>555.555.555</Text>
<Text>mobile</Text>
</Body>
</CardItem>
<CardItem>
<Icon type="MaterialIcons" name="email" />
<Text>{user.email}</Text>
</CardItem>
<CardItem>
<Icon type="MaterialIcons" name="location-on" />
<Text>1601 NW 12th Street, Blue Springs, MO</Text>
</CardItem>
</Card>
</Content>
</Container>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment