Невозможно перемещаться между вкладками React Native (прокручиваемый вид вкладок)

Question

В настоящее время я создаю приложение чата, и я хочу перемещаться между 2 или 3 экранами, такими как приложение (Чат, Статус, Звонки). Но как только я создаю страницу, я могу видеть 3 доступные вкладки, но я не могу перемещаться между ними. Пожалуйста, помогите мне.

import React, { Component } from 'react';

import { StyleSheet, ScrollView, View } from 'react-native';

import ScrollableTabView from 'react-native-scrollable-tab-view'
import Chats from './Tabs/chats'
import Users from './Tabs/users'
import Setting from './Tabs/setting'

class MainPage extends Component {

render () {
  return (
    <View>
        <ScrollableTabView>
            <Chats tabLabel="Chat" />
            <Users tabLabel="Users Active" />
            <Setting tabLabel="Setting" />
        </ScrollableTabView>
    </View>   
    )
  }; 
}
export default MainPage;

На странице чата, UserActive и настроек есть только текстовый тег внутри View.

import React, { Component } from 'react';

import { StyleSheet, ScrollView, View, Text } from 'react-native';

class SettingPage extends Component {

render () {
  return (
        <View>
           <Text> SettingPage </Text>
        </View>
    )
  }; 
}
export default SettingPage;