文档章节

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

古乙丁三雨
 古乙丁三雨
发布于 2017/07/20 16:37
字数 200
阅读 1280
收藏 0

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>

    );
  }
  

© 著作权归作者所有

古乙丁三雨
粉丝 3
博文 60
码字总数 30969
作品 0
景德镇
程序员
私信 提问
Hooks的使用方法和实现原理

Hooks简介和概述? Hooks 是 React 函数组件内一类特殊的函数(通常以 "use" 开头,比如 "useState"),使开发者能够在 function component 里依旧使用 state 和 life-cycles,以及使用 cust......

huge
09/17
0
0
如何用 React Native 创建一个iOS APP?(三)

前两部分,《如何用 React Native 创建一个iOS APP?》,《如何用 React Native 创建一个iOS APP (二)?》中,我们分别讲了用 React Native 来创建 Navigation Bar,Tab Bar 等这些控件,今...

OneAPM蓝海讯通
2016/01/18
77
0
React Native 简介:用 JavaScript 搭建 iOS 应用(2)

【编者按】本篇文章的作者是 Joyce Echessa——渥合数位服务创办人,毕业于台湾大学,近年来专注于协助客户进行 App 软体以及网站开发。本篇文章中,作者介绍通过 React Native 框架构建一个...

OneAPM蓝海讯通
2015/08/12
123
0
React Native 之 生命周期

一、看图分析 在下图中描述了React Native中组件的生命周期,我们可以根据其中的执行顺序在对应的函数中做对应的操作 React Native生命周期流程图 React Native组件的生命周期大致上可以划分...

雷国林
2016/12/19
0
0
9. react-native-android之----reactjs基础

欢迎大家收看react-native-android系列教程,跟着本系列教程学习,可以熟练掌握react-native-android的开发,你值得拥有: http://my.oschina.net/MrHou/blog?catalog=3590216&temp=14663105...

侯禹
2016/06/29
319
0

没有更多内容

加载失败,请刷新页面

加载更多

数据库表与表之间的一对一、一对多、多对多关系

表1 foreign key 表2 多对一:表 1 的多条记录对应表 2 的一条记录 利用foreign key的原理我们可以制作两张表的多对多,一对一关系 多对多: 表1的多条记录可以对应表2的一条记录 表2的多条记...

Garphy
36分钟前
6
0
MySQL 表崩溃修复

MySQL日志报错 2019-10-19 13:41:51 19916 [ERROR] /usr/local/mysql/bin/mysqld: Table './initread_hss/user_info' is marked as crashed and should be repaired2019-10-19 13:41:51 1......

雁南飞丶
46分钟前
5
0
Error和Exception

1.Error类和Exception类都是继承Throwable类 2.Error(错误)是系统中的错误,程序员是不能改变的和处理的,是在程序编译时出现的错误,只能通过修改程序才能修正。一般是指与虚拟机相关的问...

大瑞清_liurq
今天
4
0
8086汇编基础 start 程序入口标签的示例

    IDE : Masm for Windows 集成实验环境 2015     OS : Windows 10 x64 typesetting : Markdown    blog : my.oschina.net/zhichengjiu    gitee : gitee.com/zhichengjiu   ......

志成就
今天
4
0
uni app 零基础小白到项目实战2

<template> <scroll-view v-for="(card, index) in list" :key="index"> <view v-for =(item, itemIndex) in card"> {{item.value}}</view> </scroll-view></template> GraceUi va......

达达前端小酒馆
今天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部