v1.8.4

Author: baijunjie

README.md

@@ -101,6 +101,7 @@ _onContentSizeChange = ({nativeEvent:event}) => {
 | `keyboardOffset`        | `number` | `40`    | When automatic adjustment, the cursor relative to the top of the keyboard offset. |
 | `multilineInputStyle`   | `Style`  | `null`  | If your multiline `TextInput` has a specific style, to ensure that the cursor can be accurately adjusted to the top of the keyboard, this is set as a multiline `TextInput` style, The style attributes that mainly include `fontSize`、`fontFamily`、`lineHeight` etc. affect the position of the cursor. **Be careful not to include `width` and `height`**. |
 | `useAnimatedScrollView` | `bool`   | `false` | Replace regular `ScrollView` component with `Animated.ScrollView` component. |
+| `keyboardAvoidingViewProps` | `props` | `null` | `KeyboardAvoidingView` component Props. Check them here: https://facebook.github.io/react-native/docs/keyboardavoidingview |
 | `...ScrolView.props`    | `props`  |         | All props from ScrollView are inherited. Check them here: https://facebook.github.io/react-native/docs/scrollview.html |
 
 

__test__/react-native-input-scroll-view/index.js

@@ -72,12 +72,14 @@ export default class extends PureComponent {
             PropTypes.number,
         ]),
         useAnimatedScrollView: PropTypes.bool,
+        keyboardAvoidingViewProps: PropTypes.object
     };
 
     static defaultProps = {
         keyboardOffset: 40,
         multilineInputStyle: null,
         useAnimatedScrollView: false,
+        keyboardAvoidingViewProps: null
     };
 
     state = {
@@ -106,11 +108,14 @@ export default class extends PureComponent {
         const {
             keyboardOffset,
             multilineInputStyle,
-            children,
             useAnimatedScrollView,
+            keyboardAvoidingViewProps,
+            children,
             ...otherProps
         } = this.props;
 
+        const kavProps = Object.assign({ behavior: isIOS ? 'padding' : null }, keyboardAvoidingViewProps);
+
         const {
             measureInputVisible,
             measureInputValue,
@@ -122,7 +127,7 @@ export default class extends PureComponent {
         const ScrollComponent = useAnimatedScrollView ? Animated.ScrollView : ScrollView;
 
         return (
-            <KeyboardAvoidingView behavior={isIOS ? 'padding' : null}>
+            <KeyboardAvoidingView {...kavProps}>
                 <View style={styles.wrap}>
                     <ScrollComponent ref={this._onRef}
                                      onFocus={this._onFocus}

index.d.ts

@@ -5,6 +5,7 @@ export interface InputScrollViewProps extends ScrollViewProperties {
   readonly keyboardOffset?: number;
   readonly multilineInputStyle?: TextStyle;
   readonly useAnimatedScrollView?: boolean;
+  readonly keyboardAvoidingViewProps?: object;
 }
 
 declare class InputScrollView extends React.Component<InputScrollViewProps> {

index.js

@@ -72,12 +72,14 @@ export default class extends PureComponent {
             PropTypes.number,
         ]),
         useAnimatedScrollView: PropTypes.bool,
+        keyboardAvoidingViewProps: PropTypes.object
     };
 
     static defaultProps = {
         keyboardOffset: 40,
         multilineInputStyle: null,
         useAnimatedScrollView: false,
+        keyboardAvoidingViewProps: null
     };
 
     state = {
@@ -106,11 +108,14 @@ export default class extends PureComponent {
         const {
             keyboardOffset,
             multilineInputStyle,
-            children,
             useAnimatedScrollView,
+            keyboardAvoidingViewProps,
+            children,
             ...otherProps
         } = this.props;
 
+        const kavProps = Object.assign({ behavior: isIOS ? 'padding' : null }, keyboardAvoidingViewProps);
+
         const {
             measureInputVisible,
             measureInputValue,
@@ -122,7 +127,7 @@ export default class extends PureComponent {
         const ScrollComponent = useAnimatedScrollView ? Animated.ScrollView : ScrollView;
 
         return (
-            <KeyboardAvoidingView behavior={isIOS ? 'padding' : null}>
+            <KeyboardAvoidingView {...kavProps}>
                 <View style={styles.wrap}>
                     <ScrollComponent ref={this._onRef}
                                      onFocus={this._onFocus}

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-input-scroll-view",
-  "version": "1.8.0",
+  "version": "1.8.4",
   "description": "Perfect TextInput ScrollView",
   "main": "index.js",
   "types": "index.d.ts",

中文说明.md

@@ -99,7 +99,8 @@ _onContentSizeChange = ({nativeEvent:event}) => {
 | ----------------------- | -------- | ------- | ---------------------------------------- |
 | `keyboardOffset`        | `number` | `40`    | 当自动调整时，光标相对于键盘顶部的偏移量。                    |
 | `multilineInputStyle`   | `Style`  | `null`  | 如果你的多行输入框有特定的样式，那么为了光标能够精准调整到键盘上方，应该将多行文本的样式也设置在这里，主要包含 `fontSize`、`fontFamily`、`lineHeight` 等会影响到光标位置的样式属性。**注意，不要包含 `width` 和 `height`**。 |
-| `useAnimatedScrollView` | `bool`   | `false` | 用 `Animated.ScrollView` 组件替换 `ScrollView` 组件。 |
+| `useAnimatedScrollView` | `bool` | `false` | 用 `Animated.ScrollView` 组件替换 `ScrollView` 组件。 |
+| `keyboardAvoidingViewProps` | `props` | `null` | `KeyboardAvoidingView` 组件的 Props。详细请查阅: https://facebook.github.io/react-native/docs/keyboardavoidingview |
 | `...ScrolView.props`    | `props`  |         | 继承 `ScrollView` 组件的所有属性。详细请查阅: https://facebook.github.io/react-native/docs/scrollview.html |