android - How to start working scrollview on the tabs component?

Question

            <ScrollView style={styles.container} showsVerticalScrollIndicator={false}>    
    <ScrollableTabView
        
           renderTabBar={() => (
               <ScrollableTabBar
               style={styles.scrollStyle}
                    tabStyle={styles.tabStyle}
                  />
                )}
                tabBarTextStyle={styles.tabBarTextStyle}
                tabBarInactiveTextColor={'black'}
                tabBarActiveTextColor={'red'}
                tabBarUnderlineStyle={styles.underlineStyle}
                initialPage={2}
              >
        
                <View key={'1'} tabLabel={'firt tab '} style={{flex:1,backgroundColor:'red'}}/>
                <View key={'2'} tabLabel={'second tab'} style={{flex:1,backgroundColor:'blue'}}/>
                <View key={'3'} tabLabel={'third tab'} style={{flex:1,backgroundColor:'yellow'}}/>
        </ScrollableTabView>

</ScrollView>

I want to add scrollview in the component that is scrolled my full component and then show these three tabs and then it will show content according to tabs. Now tabs are scrolling according to content but not working in android. Please check and provide me a solution