@react-navigation/material-top-tabs inside scrollview gives virtualizedLists should never be nested inside plain ScrollViews error

Please provide the following:

  1. SDK Version: “expo”: “^44.0.0”,
  2. Platforms(Android/iOS/web/all): all
  3. 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>

});

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.