Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Scrollable Tabs Issue #2456

Closed
paliwalsam opened this issue Nov 22, 2018 · 3 comments
Closed

Scrollable Tabs Issue #2456

paliwalsam opened this issue Nov 22, 2018 · 3 comments

Comments

@paliwalsam
Copy link

paliwalsam commented Nov 22, 2018

Hi

http://docs.nativebase.io/Components.html#tabs-scrollable-headref

on left or right swipe , scroll not stop on next tab, it jumps on forth or fifth or last tab

In most of cases, scroll on swipe stops on last tab
20181122_124859

@suvenduchhatoi
Copy link
Contributor

suvenduchhatoi commented Dec 13, 2018

@paliwalsam
Check this code. It works fine both in Ios and Android:

import React, { Component } from "react";
import { Container, Header, Tab, Tabs, ScrollableTab } from "native-base";
import Tab1 from "./tabOne";
import Tab2 from "./tabTwo";
import Tab3 from "./tabThree";
export default class TabsScrollableExample extends React.Component {
  render() {
    return (
      <Container>
        <Header hasTabs />
        <Tabs renderTabBar={() => <ScrollableTab />}>
          <Tab heading="Tab1">
            <Tab1 />
          </Tab>
          <Tab heading="Tab2">
            <Tab2 />
          </Tab>
          <Tab heading="Tab3">
            <Tab3 />
          </Tab>
        </Tabs>
      </Container>
    );
  }
}

Please go through ISSUE_TEMPLATE of GeekyAnts and post issues in the format specified in-
https://github.com/GeekyAnts/NativeBase/blob/master/ISSUE_TEMPLATE.txt

@bummiAltomatik
Copy link

is this problem solved? i have same issue about this component behaviors

@paliwalsam
Copy link
Author

is this problem solved? i have same issue about this component behaviors

resolve after following updates:
"react": "16.6.1"
"react-native": "0.57.7",

This issue was closed.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants