Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Tab indicator randomly not displayed on first render

See original GitHub issue

Is there an existing issue for this?

I have searched the existing issues

Explain what you did

I’m using Tab and Tab view. Navigating in a view using the components.

Expected behavior

Indicator should be present from start.

Describe the bug

When the view (modal or component) opens, randomly, no indicator of the active tab is present.

Steps To Reproduce

Open the component with Tab and TabView.

Screenshots

https://user-images.githubusercontent.com/314901/159169896-8a223e24-6b95-4b60-afb9-37c8cd76a33b.mp4

Your Environment

    "react-native": "0.66.0",
    "@react-native-elements/base": "^4.0.0-rc.0",
    "@react-native-elements/themed": "^4.0.0-rc.0",

Issue Analytics

State:
Created 2 years ago
Reactions:1
Comments:10 (4 by maintainers)

Top GitHub Comments

2reactions

davide-acanforacommented, Nov 17, 2022

Hello, the problem is still present in version 4.0.0-rc.7 on iOS only.

Update: I found same interesting thing:

The bug is random

Disabling swipe doesn’t affect the bug

The bug is present in both modal and normal screens.

It can be temporary fixed by giving a fixed width in the indicator style:
            indicatorStyle={{
              backgroundColor: appColors.text,
              height: 3,
              width: '33%',
            }}

This temporary fix seems to work instead.

You can reproduce the error by simply running the snack in the documentation. Try to open and close the snack few times on iOS and you will notice the issue appear randomly, sooner or later

1reaction

arpitBhallacommented, Mar 20, 2022

AFA I can remember, it’s because it don’t rerender after calculating container width, because I didn’t added state, instead I was using ref, so changing it might fix this.

Top Results From Across the Web

React Material Tabs indicator not showing on first load

When I first load a page / navigate to one of the tab routes, the correct tab is selected, but the indicator is...

Chart randomly does not render - Dash Python

I have a dashboard with several tabs and charts/tables. The tab that renders on initial page load has an array of five gauge...

4 Common render problems in Blender and how to solve them

From here, go to the processes tab and sort by memory. When you start to render you will see that Blender rise to...

Camera component - Unity - Manual

Unity ensures that when rendering your objects those which are completely outside of this frustum are not displayed. This is called Frustum Culling....

Display Options (3D viewer) - SideFX

The render tab only appears when viewing LOPs. ... All 3D handles, guides, grids, and selections are also not displayed for a clear...