[ReactNative] ScrollView childrens not visible in the Appium inspector

Hi guys,

When running my app written with the ReactNative framework on ios, the Inspector does its job until I have to inspect a specific child view in a ScrollView.

Childrens are not available in the hierarchy of views and therefore not clickable.
It’s working fine on Android , the problem is only present on iOS.

Here is a reproducible example in ReactNative of a view not inspectable.

 <ScrollView
    style={styles.scrollContainer}
    ref={ref => this.scrollView = ref}
    scrollEnabled={false}
    keyboardShouldPersistTaps={true}
  >
    <TouchableWithoutFeedback style={{flex: 1}} onPress={dismissKeyboard}>
      <View>
        {this._renderHeader()}

        <View style={styles.inputs}>
        <View accessibiltyLabel="emailLabel">
          <InputTextRow
            icon="user"
            returnTypeKey="next"
            placeholder="email"
            keyboardType="email-address"
            value={this.state.email}
            onChange={email=> this.setState({email})}
            onSubmitEditing={() => this.refs.passwordRow.refs.input.focus()}
          />
      </View>
      <View accessibiltyLabel="passwordLabel">
          <InputTextRow
            icon="key"
            ref='passwordRow'
            type="password"
            returnTypeKey="go"
            placeholder="password"
            value={this.state.password}
            onChange={password => this.setState({password})}
            onSubmitEditing={ this._handleLoginPress }
          />
        </View>

        <Button onPress={this._handleLoginPress} isActing={this.state.isActing}>LOG IN</Button>

      </View>
    </TouchableWithoutFeedback>
  </ScrollView>

Does anyone can help me with that ? Any workaround or something ?
Thanks in advance for your answers :slight_smile:

Platform : ios10
Device : iPhone 7
Appium : 1.6.5

Try REPL way if you can do some action on this element.

Refer to section “Method 2: ( Appium Ruby Console )” under https://vikramviknowledgesharing.wordpress.com/2017/01/01/appium-mobile-automation/

Let me know if it helps

Hi @VikramVI,

Thanks for your answer, what I did :slight_smile:

  • Installed the Appium Ruby Console and then check the content of the page with page_class command. The ScrollView (1x XCUIElementTypeScrollView) itself is visible but still not the child elements.

  • I also activated the VoiceOver feature to check directly on the iPhone if the child fields were accessible or not. As expected, child fields are still not available.

Is it a bug linked to ReactNative ?

Can you please show to your dev team about this ? I never worked with native app built with ReactNative