TextInput ScrollEnabled causes unrecognized selector crash

[L-Yeiser]

• Review the documentation: https://facebook.github.io/react-native
• Search for existing issues: https://github.com/facebook/react-native/issues
• Use the latest React Native release: https://github.com/facebook/react-native/releases

Environment

  React Native Environment Info:
    System:
      OS: macOS High Sierra 10.13.5
      CPU: x64 Intel(R) Core(TM) i5-4288U CPU @ 2.60GHz
      Memory: 113.60 MB / 16.00 GB
      Shell: 3.2.57 - /bin/bash
    Binaries:
      Node: 8.9.3 - /usr/local/bin/node
      Yarn: 1.3.2 - /usr/local/bin/yarn
      npm: 5.5.1 - /usr/local/bin/npm
      Watchman: 4.9.0 - /usr/local/bin/watchman
    SDKs:
      iOS SDK:
        Platforms: iOS 11.4, macOS 10.13, tvOS 11.4, watchOS 4.3
      Android SDK:
        Build Tools: 23.0.1, 25.0.0, 25.0.1, 25.0.2, 25.0.3, 26.0.1, 26.0.2, 26.0.3, 27.0.0, 27.0.2, 27.0.3
        API Levels: 21, 23, 25, 26, 27
    IDEs:
      Android Studio: 3.1 AI-173.4907809
      Xcode: 9.4.1/9F2000 - /usr/bin/xcodebuild
    npmPackages:
      react: 16.5.0 => 16.5.0
      react-native: 0.57.1 => 0.57.1
    npmGlobalPackages:
      create-react-native-app: 2.0.2
      react-native-cli: 2.0.1

Description

Adding ScrollEnabled to TextInput causes the following error:

Reproducible Demo

Reproduced in this app: https://github.com/L-Yeiser/TextInputBug. App created with react-native init. Replaced introductory text in App.js with <TextInput scrollEnabled={false} />

[ggtmtmgg]

@L-Yeiser
<TextInput scrollEnabled={false} /> only works with multiline={true}.

https://facebook.github.io/react-native/docs/textinput#scrollenabled

[L-Yeiser]

@ggtmtmgg you are right and I should have been clearer in my issue description. Passing the scrollEnabled prop without multiline causes the above error - even when the value is scrollEnabled={true}. When docs say that scrollEnabled=false does not work without multiline=true my assumption is that the property will not work (aka it is not a multiline text there is no scroll to disable) not that the app will crash. We have a re-usable TextInput component with a handful of default props. It is easy enough to add protection to not pass the scrollEnabled prop without the multiline prop but it does feel like a bug that passing one property without the other causes a fetal error. It would be nice if something like this was possible

type Props = {
  scrollEnabled: boolean,
  multiline: boolean,
};

export default class App extends Component<Props> {
  static defaultProps = {
    scrollEnabled: true,
    multiline: false,
  };

  render() {
    return (
      <View style={styles.container}>
        <TextInput
          {...this.props}
        />
      </View>
    );
  }
}

[stale]

Hey there, it looks like there has been no activity on this issue recently. Has the issue been fixed, or does it still require the community's attention? This issue may be closed if no further activity occurs. You may also label this issue as "For Discussion" or "Good first issue" and I will leave it open. Thank you for your contributions.

[stale]

Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please feel free to create a new issue with up-to-date information.