React Native Material top navigator doesn't show the screens

The name of the pictureThe name of the pictureThe name of the pictureClash Royale CLAN TAG#URR8PPP


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.

Popular posts from this blog

Arduino Mega cannot recieve any sketches, stk500_recv() programmer is not responding

Visual Studio Code: How to configure includePath for better IntelliSense results

C++ virtual function: Base class function is called instead of derived