question-mark
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.

Pull to refresh is not working with Tab layout

See original GitHub issue

Hi,

I am using refreshControl from react-native with native-base Tab layout, refreshControl often hangs while pulling to refresh, Please Suggest me some fix for this, Here is the code snippet, Here is my Tab code where I am applying the pull to refresh functionality

<Tabs tabBarUnderlineStyle={{borderBottomWidth:1}} > <Tab heading={ <TabHeading > <Icon style={styles.TabIcon} name="random" type="FontAwesome" /> <Text style={styles.TabText}>Random</Text> </TabHeading>}> <Content refreshControl={ <RefreshControl refreshing={this.state.refreshing} onRefresh={this._onRefresh} title="Loading..." /> } onScroll={({ nativeEvent }) => { if (isCloseToBottom(nativeEvent)) { this.appendQuotes(); } }} scrollEventThrottle={400} > {quoteList} {spinner} </Content> </Tab>

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

2reactions
SupriyaKalghatgicommented, Jul 30, 2018

I made a little change in your provided code, to demonstrate basic example of Tabs with pull to refresh. worked fine tabs

1reaction
SupriyaKalghatgicommented, Jul 30, 2018

Cant find Tab code

Read more comments on GitHub >

github_iconTop Results From Across the Web

SwipeRefreshLayout and TabLayout issue - Stack Overflow
I can dismiss the "refresh indicator" calling swipeLayout.setRefreshing(false); in onPause of ContentFragment, but the overlay view stays there.
Read more >
"Refresh when active" on Tab Layout group doesn't work
1.Designer Studio -> User Interface ->Gallery ->UI elements ->Layout groups · 2.Go to view design time configuration and private edit the section ...
Read more >
Create swipe views with tabs using ViewPager
This topic teaches you how to create a tab layout with swipe views for ... You can create swipe views using AndroidX's ViewPager...
Read more >
[ViewPager2] SwipeRefreshLayout should not ignore ...
It changes tabs when there is a small left or right drag in your pull. ... Using SwipeRefreshLayout in ViewPager2 is broken for...
Read more >
Use tabs in Chrome - Android - Google Support
Drag the tab to the "Remove from group" area at the bottom of your screen. Refresh tabs. On your Android device, open the...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found