react native render 中for循环 ,if 判断 返回视图

原创
2017/07/20 16:37
阅读数 5.9K

for循环返回视图

  • 在很多场景中我们需要for循环返回视图
  • 如何for循环返回视图呢?
  • 直接来个栗子吧~
  render(){
    console.log('首页刷新');
    let renderList = [require('./img/1.jpg'),require('./img/2.jpg'),require('./img/3.jpg'),require('./img/4.jpg')];
    return(

      <View>
        <Swiper style={styles.wrapper} height={200} autoplay>
          {
            renderList.map((item,idx)=>{
              return(
                <View key={idx} style={styles.slide}>
                  <Image resizeMode='stretch' style={styles.image} source={item} />
                </View>

              )
            })
          }
        </Swiper>


      </View>

    );
  }
  

if 判断,返回视图

  • 很多情况下,如果有数据就暂时某个视图,如果没数据就不展示视图,那如何在render中的return里面判断然后再返回相对于的视图呢,
  • 不废话了,直接栗子
render(){
    console.log('首页刷新');
    let dataSoureeee;
    return(

      <ScrollView>

        {
          dataSoureeee != null?(
            <View><Text>有东西</Text></View>
          ):(
            <View><Text>无东西</Text></View>
          )
        }


      </ScrollView>

    );
  }
  
展开阅读全文
加载中
点击加入讨论🔥(1) 发布并加入讨论🔥
打赏
1 评论
0 收藏
0
分享
返回顶部
顶部