React:react-native-scrollable-tab-view

最新推荐文章于 2018-06-17 18:58:04 发布

原创最新推荐文章于 2018-06-17 18:58:04 发布 · 634 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#React

React Native 专栏收录该内容

13 篇文章

订阅专栏

本文介绍如何在React Native项目中使用Scrollable Tab View组件。通过npm安装并引入该组件，即可创建带标签页的滚动视图。文章提供了基本用法示例，包括如何定义标签及对应的页面内容。

Add it to your project

Run npm install react-native-scrollable-tab-view --save
var ScrollableTabView = require('react-native-scrollable-tab-view');

Examples

SimpleExample.

ScrollableTabsExample.

OverlayExample.

FacebookExample.

Basic usage

var ScrollableTabView = require('react-native-scrollable-tab-view');

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