Horizontal ScrollView inside Tab component doesn't work

I’m using NativeBase scrollable Tabs and each tab contains a horizontall ScrollView on top and some other contents under the ScrollView. The issue is when I try to scroll the contents inside ScrollView, it does not move and instead, the page (or Tab) scrolls to the other page or tab.

I want to keep locked={false} to slide between tabs. If I set locked = {true} the scrollview works but not the page content sliding.

Anyone knows how to fix this?

react-native : 0.49.3 native-base : 2.3.3

Expected behaviour

ScrollView scrolls horizontally

Actual behaviour

Scrolls to the next tabbed page

Steps to reproduce (code snippet or screenshot)

This is my code

render() {
        return (
            <Tabs renderTabBar={()=> <ScrollableTab />} style={tabsStyles.tab} initialPage={2}
                  onChangeTab={page => this.tabChanged(page)}
                  locked={false}>
                 <Tab heading="Tab One">
                       <ScrollView
                          horizontal
                          showsHorizontalScrollIndicator={false}
                        >
                      <Image source={...}> // There are several images here
                  </ScrollView>
                      <PageContent> // This could be any page content
                  </Tab>
                 <Tab heading="Tab Two">
                       <ScrollView
                          horizontal
                          showsHorizontalScrollIndicator={false}
                        >
                      <Image source={...}> // There are several images here
                     </ScrollView>
                      <PageContent> // This could be any page content
                  </Tab>
                  <Tab heading="Tab Three">
                       <ScrollView
                          horizontal
                          showsHorizontalScrollIndicator={false}
                        >
                      <Image source={...}> // There are several images here
                     </ScrollView>
                      <PageContent> // This could be any page content
                  </Tab>
           <Tabs>
        );
    }

I tested on Android, not sure about iOs

[ranpaco]

setting locked={true} for Tabs components it worked for me. but still it is a bug very annoying.

[anurag060]

any solution other than setting locked={true}