Taro: 支持 FlatList 来代替 ScrollView如何使用?

Created on 24 Mar 2020  ·  3Comments  ·  Source: NervJS/taro

问题描述

Taro 1.3.4 发布的功能:
components-rn: ScrollView, 支持 FlatList 来代替 ScrollView (6714e24),怎么用呢?文档里没看到相关说明
image#50%

import {ScrollView} from '@tarojs/components-rn'

renderItem() {
}

这样?

render() {
    return (
      <ScrollView>
        {this.renderItem}
      </ScrollView>
    );
}

还是?

render() {
    return (
      <ScrollView renderItem={this.renderItem}>
      </ScrollView>
    );
}

复现步骤

/**
 * 这段注释后可以贴代码
 * 提供完整可复现的代码和整理好代码格式,有助于我们快速定位问题,节省你我时间
 * 代码提供不全或代码格式混乱的 issues 【有可能会被忽略】
 * 
 * 查看如何插入代码:https://coding.net/help/doc/project/markdown.html#i-5
 */


期望行为

报错信息

系统信息

补充信息

如果您有功能上的建议,可以提到 FeatHub

使用上的问题,欢迎在「Taro 社区」一起交流

Most helpful comment

@fuyue111 把ScrollView直接当成FlatList用就行了,譬如,data、renderItem属性直接用

<ScrollView
    data={[1,2,3]}
    renderItem={this._renderItem}
>
</ScrollView>

All 3 comments

CC @Pines-Cheng

欢迎提交 Issue~

如果你提交的是 bug 报告,请务必遵循 Issue 模板的规范,尽量用简洁的语言描述你的问题,最好能提供一个稳定简单的复现。🙏🙏🙏

如果你的信息提供过于模糊或不足,或者已经其他 issue 已经存在相关内容,你的 issue 有可能会被关闭。

Good luck and happy coding~

@fuyue111 把ScrollView直接当成FlatList用就行了,譬如,data、renderItem属性直接用

<ScrollView
    data={[1,2,3]}
    renderItem={this._renderItem}
>
</ScrollView>
Was this page helpful?
0 / 5 - 0 ratings

Related issues

deepcoldy picture deepcoldy  ·  3Comments

LadyChatterleyLover picture LadyChatterleyLover  ·  3Comments

fxy5869571 picture fxy5869571  ·  3Comments

zhuxianguo picture zhuxianguo  ·  3Comments

Zchary-Ma picture Zchary-Ma  ·  3Comments