Please provide the following:
- SDK Version: “expo”: “^44.0.0”,
- Platforms(Android/iOS/web/all): all
- Add the appropriate “Tag” based on what Expo library you have a question on.
Intention: I want a scrollview with contents and between the content i also want top tab navigation view. It works but it also gives following error.
using “createMaterialTopTabNavigator” from “@react-navigation/material-top-tabs” gives following error:
“VirtualizedLists should never be nested inside plain ScrollViews with the same orientation because it can break windowing and other functionality - use another VirtualizedList-backed container instead”
relevant code snippet from my codebase:
import {
createMaterialTopTabNavigator,
} from "@react-navigation/material-top-tabs";
const Tab = createMaterialTopTabNavigator();
const DetailScreen = ({ route }) => {
return (
<SafeAreaView>
<ScrollView style={styles.scrollView} nestedScrollEnabled={true}>
<View><Text>different content block</Text></View>
<View>
<Tab.Navigator>
<Tab.Screen name="tab1" component={tab1} />
<Tab.Screen name="tab2" component={tab2} />
</Tab.Navigator>
</View>
</ScrollView>
</SafeAreaView>
});