老师,请问我的页面内容很长,为什么不能滚动啊?

zeasin React Native 快速... 最后由 zeasin 于2016年04月17日回复

  • 2 回答
  • 1.9k 浏览

老师,请问我的页面内容很长,为什么不能滚动啊?

内容机构大概是这样的?

1、View是一个大容器;

2、幻灯片容器;

3、4个同样的内容块;

代码如下:

var ZhaorenxueAPP = React.createClass({
  render: function() {
    return (
      <View style={[styles.container]}>
        <View style={[styles.height160]}>
          <Swiper style={styles.wrapper} autoplay={true} height={160}>
            <View style={styles.slide1}>
              <Text style={styles.text}>Hello Swiper</Text>
            </View>
            <View style={styles.slide2}>
              <Text style={styles.text}>Beautiful</Text>
            </View>
            <View style={styles.slide3}>
              <Text style={styles.text}>And simple</Text>
            </View>
          </Swiper>
        </View>
        
        <View style={[styles.height160,styles.category_container]}>
          <View style={[styles.height160,styles.category_left]}>
            <Text style={styles.font30}>1</Text>
          </View>
          <View style={[styles.height160,styles.category_right]}>
            <Text style={styles.font30}>2</Text>
          </View>
        </View> 
        <View style={[styles.height160,styles.category_container]}>
          <View style={[styles.height160,styles.category_left]}>
            <Text style={styles.font30}>3</Text>
          </View>
          <View style={[styles.height160,styles.category_right]}>
            <Text style={styles.font30}>4</Text>
          </View>
        </View> 
        <View style={[styles.height160,styles.category_container]}>
          <View style={[styles.height160,styles.category_left]}>
            <Text style={styles.font30}>5</Text>
          </View>
          <View style={[styles.height160,styles.category_right]}>
            <Text style={styles.font30}>6</Text>
          </View>
        </View>   
        <View style={[styles.height160,styles.category_container]}>
          <View style={[styles.height160,styles.category_left]}>
            <Text style={styles.font30}>7</Text>
          </View>
          <View style={[styles.height160,styles.category_right]}>
            <Text style={styles.font30}>8</Text>
          </View>
        </View> 
      </View> 
    )
  }
})
  • zeasin 2016年04月17日 回答 #2楼
  • 没有解决,麻烦你帮我联系一下老师解答吧,谢谢哦

  • 0 评论