当前位置: 首页 > 编程笔记 >

react-native 简单的例子

养研
2023-03-14
本文向大家介绍react-native 简单的例子,包括了react-native 简单的例子的使用技巧和注意事项,需要的朋友参考一下

示例

ListView-一个核心组件,旨在有效显示更改数据的垂直滚动列表。最小的API是创建一个ListView.DataSource,用一个简单的数据Blob数组填充它,并使用该数据源和renderRow回调实例化一个ListView组件,该回调从数据数组中获取Blob并返回可渲染的组件。

最小示例:

getInitialState: function() {
  var ds = new ListView.DataSource({rowHasChanged: (r1, r2) => r1 !== r2});
  return {
    dataSource: ds.cloneWithRows(['row 1', 'row 2']),
  };
},

render: function() {
  return (
    <ListView
      dataSource={this.state.dataSource}
      renderRow={(rowData) => <Text>{rowData}</Text>}
    />
  );
},

ListView还支持更高级的功能,包括具有粘性节标题的节,页眉和页脚支持,到达可用数据末尾的回调(onEndReached)和设备视口更改中可见的行集(onChangeVisibleRows),以及几个性能优化

有一些性能操作旨在使ListView平滑滚动,同时动态加载潜在的非常大(或概念上无限)的数据集:

  • 仅重新呈现更改的行-数据源提供的rowHasChanged函数会告知ListView是否由于源数据已更改而需要重新呈现行-有关更多详细信息,请参见ListViewDataSource。

  • 限速行渲染-默认情况下,每个事件循环仅渲染一行(可通过pageSize属性进行自定义)。这会将工作分解成较小的块,以减少渲染行时丢帧的机会。

 类似资料:
  • 问题内容: 我是React-native编码的新手,但是在Objective-C和Swift编码方面经验丰富,想在React- Native中使用单例模式。我试图从其他StackOverflow答案中找出解决方案,但是其中大多数仅创建单例函数,如下代码: 正如我们在上面的代码中看到的那样,我们正在创建单例函数而不是类。请让我知道是否有任何方法可以创建单例类并将该类中的多个变量作为Objective

  • 本文向大家介绍React Native仿美团下拉菜单的实例代码,包括了React Native仿美团下拉菜单的实例代码的使用技巧和注意事项,需要的朋友参考一下 本文介绍了React Native仿美团下拉菜单的实例代码,最近也在学习React Native,顺便分享给大家 在很多产品中都会涉及到下拉菜单选择功能,用的最好的当属美团了,其效果如下: 要实现上面的效果,在原生中比较好做,直接使用Pop

  • 我刚开始学反应。我创建了一个简单的表单。现在我想登录控制台。但它给出了一个错误。 以下是错误的图像: 同时附上我的代码:

  • 本文向大家介绍react-native 启动React Native Packager,包括了react-native 启动React Native Packager的使用技巧和注意事项,需要的朋友参考一下 示例 在最新版本的React Native上,无需运行打包程序。它将自动运行。 默认情况下,这将在端口8081上启动服务器。要指定服务器所在的端口            

  • 本文向大家介绍WordPress 简单的例子,包括了WordPress 简单的例子的使用技巧和注意事项,需要的朋友参考一下 示例 这个过滤器非常有用。开发人员的常见问题之一是如何在他们开发的插件中包含模板。 在wordpress使用wp层次结构在活动的子主题/父主题中找到适当的模板后,将立即应用该过滤器。 小心定义何时要修改模板路径。在下面的示例中,代码检查以查看当前页面是否是我们的自定义帖子类型

  • 让我们写一个计算阶乘的函数.对于阶乘的数学定义如下: n! = 1 (当 n==0 时) = n * (n-1)! (其它情况) 在Ruby里,可以这样来写: def fact(n) if n == 0 1 else n * fact(n-1) end end 你可能会发现 end 的反复出现,