|
马上注册,结交更多好友,享用更多功能^_^
您需要 登录 才可以下载或查看,没有账号?立即注册
x
用react遍历组件非常麻烦,还是没有js原生用起来灵活,他必须新建个数组没然后还要有个key属性,为了省事我就接着用昨天做好的组件,代码如下:
- import React, { Component } from 'react';
- import {
- AppRegistry,
- View,
- StyleSheet,
- ScrollView
- } from 'react-native';
- import Pic from './test.js'
- export default class myreact extends Component {
- render() {
- return (
- <ScrollView showsVerticalScrollIndicator={false} >
- {this.itr()}
- </ScrollView>
- );
- }
- itr(){
- let a=[]
- for(let i=0;i<20;i++){
- a.push(<Pic key={i}/>)
- }
- return a
- }
- }
- AppRegistry.registerComponent('myreact', () => myreact);
复制代码
这上面的scrollView可以自动伸缩,非常方便,标签里showsVerticalScrollIndicator这个属性设置成假,可以去掉滚动条,一般手机上浏览新闻什么的都不需要滚动条,手机上显示的是20个重复的画面,如果想要内容不一样还需要用props关键字向子组件传参,这个明天再讲,手机上显示效果如下:(其实是可以用手往下滑动屏幕的,我比较懒就弄了个静态图片)
|
评分
-
查看全部评分
|