All Projects → jackuhan → react-native-viewpager-indicator

jackuhan / react-native-viewpager-indicator

Licence: MIT license
修改自react-native-scrollable-tab-view,增加了根据文字内容适配下划线长度的功能。

Programming Languages

javascript
184084 projects - #8 most used programming language
objective c
16641 projects - #2 most used programming language
python
139335 projects - #7 most used programming language
java
68154 projects - #9 most used programming language

Projects that are alternatives of or similar to react-native-viewpager-indicator

ArcPageIndicator
Android Page Indicator for ViewPager with original animations. It uses an ellipse to dispose indication spots, and can draw a hand, like in old elevators.
Stars: ✭ 73 (+40.38%)
Mutual labels:  viewpager, indicator, viewpager-indicator, viewpagerindicator
IndicatorView
IndicatorView Library For Android
Stars: ✭ 41 (-21.15%)
Mutual labels:  viewpager, indicator, viewpager-indicator
MultiIndicator
多功能指示器,适用于ViewPager 多场景
Stars: ✭ 44 (-15.38%)
Mutual labels:  viewpager, indicator, viewpager-indicator
Magicindicator
A powerful, customizable and extensible ViewPager indicator framework. As the best alternative of ViewPagerIndicator, TabLayout and PagerSlidingTabStrip —— 强大、可定制、易扩展的 ViewPager 指示器框架。是ViewPagerIndicator、TabLayout、PagerSlidingTabStrip的最佳替代品。支持角标,更支持在非ViewPager场景下使用(使用hide()、show()切换Fragment或使用setVisibility切换FrameLayout里的View等),http://www.jianshu…
Stars: ✭ 8,969 (+17148.08%)
Mutual labels:  viewpager, indicator, viewpagerindicator
TabView
TabView for Android ——Slide indicator/button/tab; 滑动指示器/按钮/TAB控件
Stars: ✭ 22 (-57.69%)
Mutual labels:  tab, indicator, viewpager-indicator
Pageindicatorview
An page indicator for Android ViewPager
Stars: ✭ 4,498 (+8550%)
Mutual labels:  viewpager, viewpager-indicator, viewpagerindicator
Dotsindicator
Three material Dots Indicators for view pagers in Android !
Stars: ✭ 2,447 (+4605.77%)
Mutual labels:  viewpager, indicator, viewpager-indicator
SimpleSlider
A simple slider allows you to easily use.
Stars: ✭ 78 (+50%)
Mutual labels:  viewpager, indicator
React Native Tabbar Interaction
Tabbar Component For React-Native
Stars: ✭ 457 (+778.85%)
Mutual labels:  tabbar, reactnative
react-native-tabbar
A tabbar component for React Native
Stars: ✭ 59 (+13.46%)
Mutual labels:  tabbar, tab
react-native-viewpager-carousel
a flexible viewpager library with carousel functionality
Stars: ✭ 39 (-25%)
Mutual labels:  tabbar, viewpager
Poliopager
A flexible TabBarController with search tab like SNKRS.
Stars: ✭ 133 (+155.77%)
Mutual labels:  tabbar, tab
Pageindicator
An Instagram like page indicator compatible with RecyclerView and ViewPager.
Stars: ✭ 236 (+353.85%)
Mutual labels:  viewpager, indicator
PagerSlidingTabStrip
An interactive indicator to navigate between the different pages of a ViewPager
Stars: ✭ 2,194 (+4119.23%)
Mutual labels:  viewpager, tab
UnderlinePageIndicator
Paging indicator widget compatible with the ViewPager
Stars: ✭ 65 (+25%)
Mutual labels:  viewpager, viewpager-indicator
stepper-indicator
Step indicator for onboarding or simple viewpager
Stars: ✭ 180 (+246.15%)
Mutual labels:  viewpager, viewpager-indicator
LoopBanner
一个简单好用且超轻量的自动轮播控件,支持UI风格完全自定义
Stars: ✭ 56 (+7.69%)
Mutual labels:  viewpager, viewpager-indicator
TabBar
📱 TabBar – highly customizable tab bar for your SwiftUI application.
Stars: ✭ 105 (+101.92%)
Mutual labels:  tabbar, tab
Bannerviewpager
🚀 An awesome banner view for Android,Based on ViewPager2. 这可能是全网最好用的ViewPager轮播图。简单、高效,一行代码实现循环轮播,一屏三页任意变,指示器样式任你挑。
Stars: ✭ 2,603 (+4905.77%)
Mutual labels:  viewpager, indicator
Walk-Through-Screen
This library provides easy ways to add onboarding or pager screens with different animation and indicators.
Stars: ✭ 31 (-40.38%)
Mutual labels:  viewpager, indicator

react-native-viewpager-indicator

修改自react-native-scrollable-tab-view,增加了根据文字内容适配下划线长度的功能。

Preview

Build and run the demo

基础用法,详细见examples

cd example
npm install
npm run-ios
npm start

Basic usage

npm install react-native-viewpager-indicator --save
var ScrollableTabView = require('react-native-viewpager-indicator');

var App = React.createClass({
  render() {
    return (
      <ScrollableTabView>
        <Page tabLabel="React" />
        <Page tabLabel="Flow" />
        <Page tabLabel="Jest" />
      </ScrollableTabView>
    );
  }
});

Contact

QQ:1196681436

Weibo:http://www.weibo.com/u/1693069642

email:[email protected]

Welcome to pull request

MIT Licensed

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].