Open ebeliejinfren opened 4 years ago
Couldn't find version numbers for the following packages in the issue:
react-native
react-native-tab-view
react-native-gesture-handler
react-native-reanimated
Can you update the issue to include version numbers for those packages? The version numbers must match the format 1.2.3.
same issue
same issue here.
same issue here.
In my case the delay initially does not seem so long (although I notice a difference compared to the manual slide that is instantaneous) but I noticed that if you keep clicking for a while several times on the different buttons on the TabBar the delay will accumulate causing the application several seconds to complete all index exchange requests and their animations.
timingConfig={{duration: 0}}
or timingConfig={{duration: 1}}
same issue
same issue
Same, any news? Do you guys need more info?
Well, I recommend using react-native-viewpager, that project is updated more frequently and the index change is practically instantaneous with much less visual bugs...
Same issue here the problem appear when i used
navigationState={this.state}
and
onIndexChange={index => this.setState({index})}
instead of
const [index, setIndex] = React.useState(0);
const [routes] = React.useState([
{ key: 'first', title: 'First' },
{ key: 'second', title: 'Second' },
]);
cause i need to know the index where i am. I tried to do some pureComponents but it's the same..
+1 There seems to be a delay in changing tabs due to setState.
I'm facing this same issue and even after I follow all steps recommended in 'Optimization tips' guide it's super laggy. I read that onTabPress set a new index state and swipe movement does not because it uses jumTo method, so I tried to:
const renderTabBar = (props: any): ReactNode => (
<TabBar
{...props}
onTabPress={({ route, preventDefault }) => {
preventDefault();
props.jumpTo(route.key);
}}/>
...And nothing changed. I have a custom renderScene map and I'm trying to implement jumpTo on my routes. Something like:
const renderScene = ({ route, jumpTo }) => {
switch (route.key) {
case 'GENERAL':
return (
<ExtractPointsList
content={pointsTransactions.pointTransactions}
emptyMessage={emptyMessages.get('GENERAL')}
onRequestTransactions={onRequestTransactions}
jumpTo={jumpTo}
/>
Swipe movement is working nice with my big list but onPress is suffering. :(
has anyone tried to use a class component instead of a functional component and see if this issue still persists?
Any update?
issue when enable debug, if disable debug no have issue
issue when enable debug, if disable debug no have issue
how to resolve this ?
any update?
any updates ??
Any updates please?
Hello,
Apologies, something urgent came up. I can no longer attend this interview.
Regards, Don Christian C. Abao
On Tue, May 3, 2022, 5:41 PM Mohamed-Raid @.***> wrote:
any updates ??
— Reply to this email directly, view it on GitHub https://github.com/satya164/react-native-tab-view/issues/1091#issuecomment-1115911360, or unsubscribe https://github.com/notifications/unsubscribe-auth/AE4AYUOCXD5IUJMLFW47BG3VIDYETANCNFSM4TF3HUHQ . You are receiving this because you commented.Message ID: @.***>
I think the problem arises from mounting and unmounting so many views all at once. My use-case was a bottom tab navigation without swiping, so it was pretty easy to build the navigation myself. In the main top content, I control tab visibility via opacity
, not display
, and definitely not conditional rendering. This solution may cause additional strain on the device (and more backend calls) since all tabs are always rendered and mounted. But it does accomplish the goal of absolutely instantaneous transition when clicking on tabs. There is no delay.
Facing same issue, (swipe faster but delay and lag on tab press). I am using material top tabbar
Hello When i Click on tabs, Changing tabs has a delay (may for render content) but in swap change tabs it works correct and without delay if it's because render, there is any way to change tab then render content ?
my code :
"react-native": "0.63.2", "react-native-reanimated": "^1.13.0", "react-native-gesture-handler": "^1.7.0", "react-native-tab-view": "^2.15.2",