Nest scrollable tab view inside another ScrollView

[paulsjohnson91]

expo demo

I'm trying to react-native-tab-view with scrollable content, but having the tabview start half way down a scrollable page like:

<View style={styles.container}>
  <ScrollView>
    <SomeContent />
    <TabView
        scrollEnabled={true}
        navigationState={{ index, routes }}
        renderScene={renderScene}
        onIndexChange={setIndex}
        initialLayout={initialLayout}
        style={styles.tabs}
    />
  </ScrollView>
</View>

However when I run this on ios nothing renders below the tabs. If I remove the top level scrollview then the whole thing will render but obviously only the tab itself is scrollable.

Any advice would be appreciated

[paulsjohnson91]

Sorry that expo demo wasn't right this one is
https://snack.expo.dev/LoZDEtwfa

My problem is that I seem to have to define the height of the tabview which I don't know since it's a list