Scrollable-tab-view react native: unable to switch tabs

Stuck at initialpage which I have set even after clicking on other tabs nothing happens also inside tabs no data is rendered although components are working i have tested them even I used ‘My’ same result in these too no tab rendering and switching. but in expo I was getting warning.

import React, { Component } from ‘react’;

import { View, Text, StyleSheet, ImageBackground, Dimensions } from ‘react-native’;
import ScrollableTabView, { DefaultTabBar } from “react-native-scrollable-tab-view”;
import Menu from ‘./home_childs/Menu’;
import Popular from ‘./home_childs/Popular’;
import All from ‘./home_childs/All’;

export default class Home extends Component {
render() {
return (

            <View style={styles.tabbar}>

                <ScrollableTabView
                    initialPage={3}
                    renderTabBar={() => <DefaultTabBar
                        underlineStyle={{
                            backgroundColor: 'green'
                        }} />}
                >
                    <All tabLabel='All' props={this.props} />
                    <Menu tabLabel='Menu' props={this.props} />
                    <Popular tabLabel='Popular' props={this.props} />
                </ScrollableTabView>
            </View>
        </View>

    );
}

}



 ![WhatsApp Image 2020-05-10 at 11.40.35 PM (1)|230x500](upload://qOcL22vqtZQZxiEQtKLJCCWoxty.jpeg) ![WhatsApp Image 2020-05-10 at 11.40.35 PM|230x500](upload://t2ckHBawjJOVsOizNHjUbNqpQMe.jpeg)