No content rendered when the tab navigation is inside a ScrollView.

[YoucefBen47]

No content rendered when the tab navigation is inside a ScrollView.

[Ritik5Prasad]

    lazy
    cancelLazyFadeIn
    // cancelTranslation
    // lazy Android Issue Content not Visible
    
    Write it like this

[MohsinAtArbisoft]

I am having same issue, I was not using lazy at the first place. Issue is specific to android, working fine on iOS.

[Ritik5Prasad]

+1
I was facing same I removed lazy

[Kerumen]

This also happened to us. Looks like this is due to [email protected] and the new architecture they are working on. If you upgrade to [email protected] it should fix the issue (as they enforced the legacy architecture in this version).

[DSKonstantin]

The same issue, problems only on Android. Any ideas?

[MohsinAtArbisoft]

I resolved it my removing flex: 1 from child component of Tabs.Tab. @DSKonstantin

<Tabs.Tab name={'name'}>
<View /> // this view should not have flex: 1
</Tabs.Tab>

[DSKonstantin]

Thank you @MohsinAtArbisoft

For me helped:

<Tabs.Container
        lazy
        cancelLazyFadeIn 
        .....
>
  <Tabs.Tab name="followers" label={`Followers ${followersCount || 0}`}>
         <View style={{height: '100%'}}>
             <Tabs.FlashList />
.......

[FabianDean]

Thank you @MohsinAtArbisoft

For me helped:

<Tabs.Container

        lazy

        cancelLazyFadeIn 

        .....

>

  <Tabs.Tab name="followers" label={`Followers ${followersCount || 0}`}>

         <View style={{height: '100%'}}>

             <Tabs.FlashList />

.......

Yeah this is exactly how I set it up as well 👍