Target tracking location, BoundHeader, WorkItem page done.

mobile/src/ui/BoundInput.js

@@ -10,7 +10,12 @@ export class BoundInput extends React.Component {
     label: PropTypes.string,
     binder: PropTypes.object.isRequired,
     password: PropTypes.bool,
-    placeholder: PropTypes.string
+    placeholder: PropTypes.string,
+    lines: PropTypes.number,
+  }
+
+  static defaultProps = {
+    lines: 1,
   }
 
   constructor(props) {
@@ -29,19 +34,30 @@ export class BoundInput extends React.Component {
   }
 
   render() {
-    const { label, password, name, placeholder, message } = this.props
+    const { label, password, name, placeholder, message, lines } = this.props
     const { visible, disabled, value, valid } = this.state
 
     if (!visible) {
       return null
     }
 
-    // TODO: Disabled
-
     return (
       <View style={{ width: '100%' }}>
         <Text style={{ color: 'black', fontSize: 14, marginBottom: 5 }}>{label}</Text>
-        <TextInput style={{ width: '100%', paddingLeft: 5, paddingRight: 5, height: 40, borderColor: 'gray', borderWidth: 1, fontSize: 16 }}
+        <TextInput
+          style={{
+            width: '100%',
+            paddingLeft: 5,
+            paddingRight: 5,
+            borderColor: 'gray',
+            borderWidth: 1,
+            fontSize: 16,
+            paddingTop: 7,
+            paddingBottom: 7,
+          }}
+          multiline={lines > 1}
+          numberOfLines={lines}
+          editable={!disabled}
           autoCapitalize='none'
           underlineColorAndroid='white'
           value={value}