android+多种行视图,android – 在react-native列表视图中显示多种类型行的正确方法是什么？...

所以我们想要的是：

在iOS中,我们可以为每个单元格类型使用多个cellIdentifier来创建高性能列表视图.

我现在拥有的是什么

render() {

const dataBlob = [

{ type: "address", data: { address, gotoEditAddress } },

{ type: "deliveryTime", data: {...} },

{ type: "cartSummary", data: {...} },

...[items.map(item => {{ type: "item", data: {...} }})],

{ type: "paymentInformation", data: {...} },

{ type: "paymentBreakdown", data: {...} },

{ type: "promoCode", data: {...} },

];

this._dataSource = this._dataSource.cloneWithRows(dataBlob);

return (

renderRow={this._renderRow}

dataSource={this._dataSource} />

);

)

并在renderRow方法上

_renderRow = (rowData) => {

const { type, data } = rowData;

if (type === "address") return ;

if (type === "deliveryTime") return ;

if (type === "menuItem") return ;

if (type === "cartSummary") return ;

if (type === "promoCode") return ;

if (type === "paymentInformation") return ;

if (type === "paymentBreakdown") return ;

return null;

};

上面代码的问题在于它使dataSource.rowHasChanged方法真正复杂,无法正确实现.

由于某种原因,当我删除一行时,在RN0.31中你会有一些ui缺陷：

android+多种行视图,android – 在react-native列表视图中显示多种类型行的正确方法是什么？...相关推荐

React Native列表视图FlatList使用优化实践指南
列表视图在app中是非常常见的,目前React Native比较严重的性能问题集中在FlatList大列表等地方,以下通过js层的优化,甚至原生层的优化封装,使性能媲美原生. FlatList Rea ...
GitChat · 移动开发 | 征服React Native—列表组件
GitChat 作者:Li Luo 原文:征服React Native-列表组件关注公众号:GitChat 技术杂谈,一本正经的讲技术前言移动应用往往受限于屏幕大小,而数据内容长度的不确定性,在 ...
如何在React Native和Firebase中设置Google登录
Google sign-in is a great login feature to offer to your app's users. It makes it easier for them to ...
React Native app闪退显示 “很抱歉， ‘xxx’ 无法运行”的解决方法
React Native app闪退显示 "很抱歉, 'xxx' 无法运行" 这种情况一般是因为第三方库的配置有问题或者js 代码写的有问题首先看看js代码是否有问题去官方下 ...
进阶指令——df指令（作用：查看磁盘的空间）、free指令（作用：查看内存使用情况）、head指令（作用：查看一个文件的前n行，如果不指定n，则默认显示前10行）、tail指令、less指令
1.df指令作用:查看磁盘的空间语法:#df -h -h表示以可读性较高的形式展示大小 2.free指令作用:查看内存使用情况语法:#free -m -m表示以mb为单位查看剩余的真实可 ...
excel中显示隐藏的行_在Excel中显示或隐藏用户提示
excel中显示隐藏的行 When you set up a worksheet for other people to use, data validation messages can help ...
pandas读取csv数据、参数指定作为行索引的数据列索引列表形成复合（多层）行索引、使用set_index函数把数据列转化为行索引（keys参数指定需要被转化的数据列）
pandas使用read_csv函数读取csv数据.index_col参数指定作为行索引的数据列索引列表形成复合(多层)行索引.header参数指定作为
android input 点击事件失效,React Native：TextInput元素上的onContentSizeChange事件在Android上不起作用...
我在Android设备上的TextInput事件'onContentSizeChange'出现问题. 实际上,当我输入消息直到行尾并且文本进入下一行时,TextInput的高度不会更新.React N ...
vscode android调试,使用VsCode开发调试React Native笔记
Prerequisites: Android SDK Emulator/adb等环境先准备好 Steps: 启动simulator C:\AndroidSDK\Android\sdk\tools> ...

android+多种行视图,android – 在react-native列表视图中显示多种类型行的正确方法是什么？...

android+多种行视图,android – 在react-native列表视图中显示多种类型行的正确方法是什么？...相关推荐

最新文章

热门文章