热门标签 | 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官方文档链接



推荐阅读
  • RecyclerView初步学习(一)
    RecyclerView初步学习(一)ReCyclerView提供了一种插件式的编程模式,除了提供ViewHolder缓存模式,还可以自定义动画,分割符,布局样式,相比于传统的ListVi ... [详细]
  • 本文总结了在使用Ionic 5进行Android平台APK打包时遇到的问题,特别是针对QRScanner插件的改造。通过详细分析和提供具体的解决方法,帮助开发者顺利打包并优化应用性能。 ... [详细]
  • 优化ListView性能
    本文深入探讨了如何通过多种技术手段优化ListView的性能,包括视图复用、ViewHolder模式、分批加载数据、图片优化及内存管理等。这些方法能够显著提升应用的响应速度和用户体验。 ... [详细]
  • 本章将深入探讨移动 UI 设计的核心原则,帮助开发者构建简洁、高效且用户友好的界面。通过学习设计规则和用户体验优化技巧,您将能够创建出既美观又实用的移动应用。 ... [详细]
  • Redux入门指南
    本文介绍Redux的基本概念和工作原理,帮助初学者理解如何使用Redux管理应用程序的状态。Redux是一个用于JavaScript应用的状态管理库,特别适用于React项目。 ... [详细]
  • 本文详细介绍了 GWT 中 PopupPanel 类的 onKeyDownPreview 方法,提供了多个代码示例及应用场景,帮助开发者更好地理解和使用该方法。 ... [详细]
  • Explore how Matterverse is redefining the metaverse experience, creating immersive and meaningful virtual environments that foster genuine connections and economic opportunities. ... [详细]
  • IneedtofocusTextCellsonebyoneviaabuttonclick.ItriedlistView.ScrollTo.我需要通过点击按钮逐个关注Tex ... [详细]
  • 本文详细介绍了如何使用 Yii2 的 GridView 组件在列表页面实现数据的直接编辑功能。通过具体的代码示例和步骤,帮助开发者快速掌握这一实用技巧。 ... [详细]
  • Android 渐变圆环加载控件实现
    本文介绍了如何在 Android 中创建一个自定义的渐变圆环加载控件,该控件已在多个知名应用中使用。我们将详细探讨其工作原理和实现方法。 ... [详细]
  • Android LED 数字字体的应用与实现
    本文介绍了一种适用于 Android 应用的 LED 数字字体(digital font),并详细描述了其在 UI 设计中的应用场景及其实现方法。这种字体常用于视频、广告倒计时等场景,能够增强视觉效果。 ... [详细]
  • 在使用 DataGridView 时,如果在当前单元格中输入内容但光标未移开,点击保存按钮后,输入的内容可能无法保存。只有当光标离开单元格后,才能成功保存数据。本文将探讨如何通过调用 DataGridView 的内置方法解决此问题。 ... [详细]
  • 2023年京东Android面试真题解析与经验分享
    本文由一位拥有6年Android开发经验的工程师撰写,详细解析了京东面试中常见的技术问题。涵盖引用传递、Handler机制、ListView优化、多线程控制及ANR处理等核心知识点。 ... [详细]
  • 解决JAX-WS动态客户端工厂弃用问题并迁移到XFire
    在处理Java项目中的JAR包冲突时,我们遇到了JaxWsDynamicClientFactory被弃用的问题,并成功将其迁移到org.codehaus.xfire.client。本文详细介绍了这一过程及解决方案。 ... [详细]
  • 探讨如何真正掌握Java EE,包括所需技能、工具和实践经验。资深软件教学总监李刚分享了对毕业生简历中常见问题的看法,并提供了详尽的标准。 ... [详细]
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社区 版权所有