热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

ReactNativeListview的各个属性解释?

今天终于成功使用ReactNative打包APK成功,IOS暂时没有

今天终于成功使用 React Native 打包 APK 成功,

IOS 暂时没有

1
开发者账号

所以先弄

1
Android

.
组件第一个遇到的就是

1
ListView

, 实在有些看不太明白加之

1
人懒

,
所以前来请教经验

在很多

1
ListView

的例子中都有这样一个属性

1
rowHasChanged

按理说他应该是

1
布尔值

(在后面可以看到它却显示为

1
s1

)
以下是我做的测试代码

1
如下

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
class Yes extends Component {



  constructor(){

    super();

    var ds = new ListView.DataSource({

      rowHasChanged: (r1, r2) => r1 !== r2

    });

    this.state = {

      dataSource: ds.cloneWithRows(['row 1', 'row 2']),

    }

  }



  componentDidMount(){

    var that = this;



    setTimeout(()=>{

      that.setState({

        dataSource: this.state.dataSource.cloneWithRows(['row 1', 'row 2','row 3'])

      });

    },1000);

  }



  render() {

    return (

   
      dataSource={this.state.dataSource}

      renderRow={(rowData,rowHasChanged) => {rowData +':'+ rowHasChanged}}

    />

    );

  }

}

我不知道他有什么作用, 我尝试将

1
!===

改为

1
===

, 对例子完全没有影响.

然后我尝试将他显示出来

1
2
3
4

    dataSource={this.state.dataSource}

    renderRow={(rowData,rowHasChanged) => {rowData +':'+ rowHasChanged}}

    />

结果为

row1:s1
row2:s1

1
1秒后变为由于`setTimeout(...)`,


row1:s1
row2:s1
row3:s1

1
rowHasChanged: (r1, r2) => r1 !== r2

中的

1
!==

改为

1
===

没有任何影响, 那么这个

1
rowHasChanged

是做什么的呢,它是

1
ListView

它是一个用来控制组件的属性吗?

1
另外想请教如何学习 react-native 的相关组件,总觉得官方文档看起来生涩.


顺便再问一下:


1
setTimeout()

我为了访问当前

1
this

在外面使用了

1
that

存储,

1
ES2015

中有没有什么方法避免使用

1
that

1
_this

这样的变量

一共三个问题:


  1. 1
    rowHasChanged

    是什么


  2. 学习 react native component 的技巧(例如是否有必要从

    1
    Android

    了解?)


  3. ES6 中 避免使用

    1
    that

    1
    _this

    1
    bind

    的方法


有好干货在手的请用力砸我


附录: ReactNative官方文档链接



推荐阅读
  • 在最近的一系列文章,对midipadAPP,有一个关于一个radialgradiant渲染每个padview利用的探讨,对审美的原因&#x ... [详细]
  • 2021年最详细的Android屏幕适配方案汇总
    1Android屏幕适配的度量单位和相关概念建议在阅读本文章之前,可以先阅读快乐李同学写的文章《Android屏幕适配的度量单位和相关概念》,这篇文章 ... [详细]
  • Android开发实现的计时器功能示例
    本文分享了Android开发实现的计时器功能示例,包括效果图、布局和按钮的使用。通过使用Chronometer控件,可以实现计时器功能。该示例适用于Android平台,供开发者参考。 ... [详细]
  • android listview OnItemClickListener失效原因
    最近在做listview时发现OnItemClickListener失效的问题,经过查找发现是因为button的原因。不仅listitem中存在button会影响OnItemClickListener事件的失效,还会导致单击后listview每个item的背景改变,使得item中的所有有关焦点的事件都失效。本文给出了一个范例来说明这种情况,并提供了解决方法。 ... [详细]
  • 今天就跟大家聊聊有关怎么在Android应用中实现一个换肤功能,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根 ... [详细]
  • 这两天用到了ListView,写下遇到的一些问题。首先是ListView本身与子控件的焦点问题,比如我这里子控件用到了Button,在需要ListView中的根布局属性上加上下面的这一个属性:and ... [详细]
  • 在Android开发中,使用Picasso库可以实现对网络图片的等比例缩放。本文介绍了使用Picasso库进行图片缩放的方法,并提供了具体的代码实现。通过获取图片的宽高,计算目标宽度和高度,并创建新图实现等比例缩放。 ... [详细]
  • 本文介绍了使用kotlin实现动画效果的方法,包括上下移动、放大缩小、旋转等功能。通过代码示例演示了如何使用ObjectAnimator和AnimatorSet来实现动画效果,并提供了实现抖动效果的代码。同时还介绍了如何使用translationY和translationX来实现上下和左右移动的效果。最后还提供了一个anim_small.xml文件的代码示例,可以用来实现放大缩小的效果。 ... [详细]
  • Android中高级面试必知必会,积累总结
    本文介绍了Android中高级面试的必知必会内容,并总结了相关经验。文章指出,如今的Android市场对开发人员的要求更高,需要更专业的人才。同时,文章还给出了针对Android岗位的职责和要求,并提供了简历突出的建议。 ... [详细]
  • 后台获取视图对应的字符串
    1.帮助类后台获取视图对应的字符串publicclassViewHelper{将View输出为字符串(注:不会执行对应的ac ... [详细]
  • 拥抱Android Design Support Library新变化(导航视图、悬浮ActionBar)
    转载请注明明桑AndroidAndroid5.0Loollipop作为Android最重要的版本之一,为我们带来了全新的界面风格和设计语言。看起来很受欢迎࿰ ... [详细]
  • 近来有一个需求,是需要在androidjava基础库中插入一些log信息,完成这个工作需要的前置条件有编译好的android源码具体android源码如何编译,这 ... [详细]
  • React提供三种方式创建Refs:字符串Refs(将被废弃)回调函数RefsReact.createRef(从React16.3开始)第一种方式不推荐使用,原因在此,并且可能会在之后的版本移除。classMyComponentextendsReact.Component{constructor(props){sup ... [详细]
  • 这篇文章给大家讲解如何利用dhtmlxGantt在服务器端集成数据。脚本数据保存如果您已初始化dataProcessor,则用户或以编程方式所做的任何更改都将自动 ... [详细]
  • 认识Vue关于Vue的描述有不少,不外乎都会拿来与Angular和React对比,同样头顶MVVM双向数据驱动设计模式光环的Angular自然被对比的最多,但到目前为止,Angul ... [详细]
author-avatar
武储中专_444
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有