React Native listview(学习) 和 Item 布局适配

最新推荐文章于 2025-04-10 11:45:36 发布

meng1128

最新推荐文章于 2025-04-10 11:45:36 发布

阅读量486

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/meng1128/article/details/70896082

本文介绍了一个使用 React 实现的渲染列表组件的方法。该组件通过接收外部数据，并为每条数据渲染对应的图片和文字描述，适用于展示商品或其他类型的列表信息。

_renderRow(rowData: string, sectionID: number, rowID: number) { //rowData 每个 Item 的值 rowID 每一项的ID
var imgSource = THUMB_URLS[rowID];
return (

        <View style={{width:'50%', alignItems: 'center'}}>
            <View style={styles.row}>
                <Image style={styles.thumb} source={imgSource} />
                <Text style={styles.text}>
                    {rowData}
                </Text>
            </View>
        </View>

);
}