diff --git a/README.md b/README.md index ce6da9a..dc085fb 100644 --- a/README.md +++ b/README.md @@ -38,6 +38,7 @@ import SettingsList from 'react-native-settings-list'; ###### Top ## New changes/additions +* Added `textInputProps` passed to \ to set other options such as `secureEntry` or `autoCapitalize` * Ability for an authorization-type component [example updated to show a practical use] * Allows for complete customization of the TextInput by passing into the two props authPropsUser and authPassPW (overwrites defaults * Uses existing onPress prop for callback @@ -100,6 +101,7 @@ The following props are used: | authPropsUser | Changes the props for the first TextInput component; overwrites default | React.PropTypes.node | | authPropsPW | Changes the props for the second TextInput component; overwrites default | React.PropTypes.node | | itemRef | Sets a `ref` on the TouchableHighlight that SettingsList.Item renders to | React.PropTypes.func | +| textInputProps | RN text input props | React.PropTypes.object | ###### Top diff --git a/index.js b/index.js index 00e7242..bdb4e24 100644 --- a/index.js +++ b/index.js @@ -128,7 +128,8 @@ class SettingsList extends React.Component { style={item.editableTextStyle ? item.editableTextStyle : styles.editableText} placeholder = {item.placeholder} onChangeText={(text) => item.onTextChange(text)} - value={item.value} /> + value={item.value} + {...item.textInputProps} /> : null ]) } @@ -210,7 +211,7 @@ class SettingsList extends React.Component { {titleInfoPosition === 'Bottom' ? - {item.isEditable ? this._itemEditableBlock(item, inde, 'Bottom') : this._itemTitleBlock(item, index, 'Bottom')} + {item.isEditable ? this._itemEditableBlock(item, index, 'Bottom') : this._itemTitleBlock(item, index, 'Bottom')} : item.isEditable ? this._itemEditableBlock(item, index) : this._itemTitleBlock(item, index)}