textInput 提供更多参数，以方便修改

Author: adminzt

src/forms/LoginForm/index.js

@@ -20,6 +20,7 @@ const formFieldsObject = {
   password: {
     label: 'password',
     type: 'textInput',
+    secureTextEntry: true,
     placeholder: 'placeholderPassword',
   },
 };

src/forms/formFields/TextInput/index.js

@@ -15,21 +15,28 @@ import styles from '../styles';
 
 export default function TextInput(props) {
   const {
-    input, placeholder, label, layout,
+    input, placeholder, label, layout, itemSettings, secureTextEntry,
+    itemstyle, labelStyle,
   } = props;
 
-  const labelText = label || input.name;
-  const itemLayout = [];
+  const itemLayout = [itemstyle];
+  const labelVertical = [labelStyle];
   if (layout === 'vertical') {
     itemLayout.push(styles.fieldVertical);
+    labelVertical.push(styles.labelVertical);
   }
 
+  const labelText = label || input.name;
+  const placeholderText = (itemSettings && itemSettings.floatingLabel === true)
+    ? null : placeholder;
+
   return (
-    <Item>
-      <Label>{labelText}</Label>
+    <Item {...itemSettings} style={itemLayout}>
+      <Label style={labelVertical}>{labelText}</Label>
       <Input
-        placeholder={placeholder}
+        placeholder={placeholderText}
         onChangeText={input.onChange}
+        secureTextEntry={secureTextEntry}
       />
     </Item>
   );
@@ -40,11 +47,19 @@ TextInput.defaultProps = {
   placeholder: '',
   label: '',
   layout: '',
+  itemSettings: {},
+  secureTextEntry: false,
+  itemstyle: {},
+  labelStyle: {},
 };
 
 TextInput.propTypes = {
   input: PropTypes.object,
   placeholder: PropTypes.string,
   label: PropTypes.string,
   layout: PropTypes.string,
+  itemSettings: PropTypes.object,
+  secureTextEntry: PropTypes.bool,
+  itemstyle: PropTypes.object,
+  labelStyle: PropTypes.object,
 };

src/forms/formFields/styles.js

@@ -2,7 +2,11 @@
 
 export default {
   fieldVertical: {
-    // flexDirection: 'column',
-    // alignItems: 'stretch',
+    flexDirection: 'column',
+    alignItems: 'stretch',
+    height: 80,
+  },
+  labelVertical: {
+    paddingHorizontal: 5,
   },
 };