33 lines
1.2 KiB
JavaScript
33 lines
1.2 KiB
JavaScript
import React from 'react'
|
|
import { StyleSheet, View, TouchableOpacity, Image, ScrollView, Picker, Text } from 'react-native'
|
|
|
|
export class WorkItem extends React.Component {
|
|
static styles = StyleSheet.create({
|
|
container: {
|
|
height: '100%',
|
|
width: '100%',
|
|
backgroundColor: '#DDDDDD',
|
|
},
|
|
})
|
|
|
|
constructor(props) {
|
|
super(props)
|
|
}
|
|
|
|
render() {
|
|
return (
|
|
<ScrollView style={WorkItem.styles.container}>
|
|
<View style={{ width: '94%', backgroundColor: 'white', alignSelf: 'center', marginTop: '3%', shadowColor: 'gray', shadowOffset: { width: 2, height: 2 }, shadowRadius: 2, shadowOpacity: .5 }}>
|
|
<Text>Work Item</Text>
|
|
<Picker selectedValue={this.props.item.type}>
|
|
<Picker.Item label='Work Item' value='work' />
|
|
<Picker.Item label='Inspection' value='inspection' />
|
|
<Picker.Item label='Complaint' value='complaint' />
|
|
</Picker>
|
|
</View>
|
|
<View style={{ width: '94%', height: 300, backgroundColor: 'white', alignSelf: 'center', marginTop: '3%', shadowColor: 'gray', shadowOffset: { width: 2, height: 2 }, shadowRadius: 2, shadowOpacity: .5 }} />
|
|
</ScrollView>
|
|
);
|
|
}
|
|
}
|