如何在react-native中为ListView刷新动画？

Question

Blow截图来自react-native UIExplorer示例。我希望在数据源更改时添加/删除列表行动画 - 例如，在搜索框中输入关键字时。

非常感谢。

Answer 1

试用LayoutAnimation：

LayoutAnimation.easeInEaseOut();
this.setState({...});

Answer 2

反应原生刷新组件有很好的实现，它们将动画作为其中的一部分。

其中一个是 - react-native-refresher

我在我的项目中使用了这个。这是一个很棒的图书馆。

安装：

npm install react-native-refresher --save

用法（检查github链接以获取更详细的代码）：

<RefresherListView
      dataSource={this.state.dataSource}
      onRefresh={this.onRefresh.bind(this)}
      indicator={<LoadingBarIndicator />}
      renderRow={(rowData) => <View style={{padding:10,borderBottomColor: '#CCCCCC', backgroundColor: 'white',borderBottomWidth: 1}}><Text>{rowData}</Text></View>}
/>

另外，有关详细信息，请查看React Native的Animations docs。