Search HistoryCard List like in DuckDuckGo app.

SearchHistorycards.md

Search HistoryCard List like in DuckDuckGo app.

The card.

<Card
    marginBottomProp={0}
	backgroundColorProp={'white'}
>
	<View style={styles.searchListItemStyle}>
		<Icon
			name='watch-later'
			color="#C0C0C0"
		/>
		<Text
		    style={styles.searchListItemTextStyle}
			numberOfLines={1}
		>
		Search
		</Text>
		<Icon
			name='add'
			color="#C0C0C0"
		/>
	</View>
</Card>

and the styling

searchListItemStyle: {
	flexDirection: 'row',
	justifyContent: 'space-around',
	marginTop: 10,
	marginBottom: 10,
	marginRight: 20,
	marginLeft: 20,

},
searchListItemTextStyle: {
paddingTop: 5,
	fontSize: 13,
	marginLeft: 30,
	marginRight: 30,
	width: 275,
}

File are at:

components/Card, screens/SearchScreen/SearchList