在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ react-native-viewpager使用報(bào)錯(cuò)

react-native-viewpager使用報(bào)錯(cuò)

正常使用react-native-viewpager但是報(bào)錯(cuò),已經(jīng)install了,自己試了引入的地方出了問(wèn)題,一打開(kāi)引入就報(bào)錯(cuò),請(qǐng)問(wèn)什么問(wèn)題?
代碼如下:

import React, { Component } from 'react';
import {
    StyleSheet,
    Text,
    Button,
    Image,
    Dimensions,
    View
} from 'react-native';

import ViewPager from 'react-native-viewpager';

var { height, width } = Dimensions.get('window');
const IMGS = [
  require('../images/banner.jpg'),
  require('../images/banner1.jpg'),
  require('../images/banner2.jpg')
]


export default class HomePage extends Component {
    constructor(props){
      super(props);
      let ds = new ViewPager.DataSource({
        pageHasChanged: (p1, p2) => p1 !== p2
      });
      this.state = {
        data:ds.cloneWithPages(IMGS)
      }
    }
    _renderPage(page) {
        return (<Image source={page} />)
    }
    render() {
        return ( 
          <View style = {{ position: 'relative' }} >
            <View style = { styles.search } >
              <Text > 搜索 </Text> 
            </View> 
            <View style = { styles.header } >
              <ViewPager 
                    dataSource={this.state.data} 
                    renderPage={this._renderPage} 
                    isLoop={true} 
                    autoPlay={true} /> 
            </View> 
            <View style = { styles.notice } >
              <Text > 通知 </Text> 
            </View> 
            <View style = { styles.recommond } >
              <Text > 推薦 </Text> 
            </View> 
            <View style = { styles.products } >
              <Text > 產(chǎn)品 </Text> 
            </View> 
            <Button title = "Go to Home"
            onPress = {
                () => this.props.navigation.navigate('Product') }
            /> 
            </View>
        )
    }
}
const styles = StyleSheet.create({
    search: {
        width: width,
        position: 'absolute',
        left: 0,
        top: 20,
        zIndex: 99,
        height: 30,
        backgroundColor: 'rgba(255, 255, 255, .5)'
    },
    header: {
        backgroundColor: '#ff4400'
    },
    notice: {
        height: 50,
        backgroundColor: '#ff4400'
    },
    recommond: {
        height: 80,
        backgroundColor: '#ff4400'
    },
    products: {
        backgroundColor: '#ff4400'
    }
});

報(bào)錯(cuò)信息:
圖片描述

回答
編輯回答
苦妄

github 上這個(gè)項(xiàng)目已經(jīng)廢棄了,報(bào)錯(cuò)是這個(gè)項(xiàng)目引用的還是舊版本 React,新版本 React 已經(jīng)不自帶 PropTypes 了。


PS:試試這個(gè)react-native-swiper?

2017年6月30日 21:19