Work Item and Activity screens mostly complete
This commit is contained in:
@@ -1,5 +1,5 @@
|
||||
import React, { Component } from 'react'
|
||||
import { Image } from 'react-native'
|
||||
import { Image, View } from 'react-native'
|
||||
import PropTypes from 'prop-types'
|
||||
|
||||
const images = {
|
||||
@@ -11,6 +11,8 @@ const images = {
|
||||
rightArrow: require('./images/right-arrow.png'),
|
||||
search: require('./images/search.png'),
|
||||
settings: require('./images/settings.png'),
|
||||
add: require('./images/add.png'),
|
||||
done: require('./images/done.png'),
|
||||
}
|
||||
|
||||
export class Icon extends Component {
|
||||
@@ -27,11 +29,14 @@ export class Icon extends Component {
|
||||
}
|
||||
|
||||
render() {
|
||||
let { size, name, margin, style } = this.props
|
||||
let source = images[name] || images['hand']
|
||||
let { name, margin, style } = this.props
|
||||
let size = this.props.size - (margin * 2)
|
||||
let source = images[name]
|
||||
|
||||
size -= margin * 2
|
||||
|
||||
return <Image style={[{ width: size, height: size, margin }, style]} source={source} resizeMode='stretch' />
|
||||
if (!source) {
|
||||
return <View style={{ width: size, height: size, margin }} />
|
||||
} else {
|
||||
return <Image style={[{ width: size, height: size, margin }, style]} source={source} resizeMode='stretch' />
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user