Multi tool use

Clash Royale CLAN TAG

React Native Material top navigator doesn't show the screens

I have the navigator that renders two lists, it works If I add scrollEnabled, otherwise it doesn't, also if I try to specify tab width it doesn't render the lists..

Here is the working code, but it shows the navigator like this:

first list | second list | blank space

import { createMaterialTopTabNavigator } from "react-navigation";

import ReadList from "../components/ReadList";
import ReadingList from "../components/ReadingList";

import { primaryColor } from "../styles/colors";

export default createMaterialTopTabNavigator(
{
Read: ReadList,
Reading: ReadingList
},
{
tabBarOptions: {
scrollEnabled: true,
labelStyle: {
fontSize: 12,
color: primaryColor,
fontFamily: "Raleway SemiBold"
},

style: {
backgroundColor: "#fff"
},
indicatorStyle: {
backgroundColor: primaryColor
}
}
}
);

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.