垂直ViewPager,仿京东商详页

react-native-vertical-viewpager

垂直ViewPager,仿京东商详页

#Simple import React, {Component, PropTypes} from 'react';

import { StyleSheet, View, Text, Dimensions } from 'react-native';

import VerticalViewPager from 'react-native-vertical-viewpager'

import QATest from '../../test/QATest'

import Settings from '../../set/Setting'

const {height, width} = Dimensions.get('window');

export default class RCTComponents extends Component {

render() { return ( <View style={RCTComponentsStyles.container}> <VerticalViewPager> <Settings style={{backgroundColor: "red",height:height+400}} tabLabel="Settings"/> <QATest style={{height:height+400}} tabLabel="QATest"/> </VerticalViewPager> </View> ); }

}

const RCTComponentsStyles = StyleSheet.create({ container: { flex: 1, }, });

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。