React-native:如何在刷卡时更改行的内容或样式?

时间:2017-10-30 06:58:31

标签: react-native swipe

我希望功能类似于Google收件箱(demo),当滑动某个项目会导致更改背景颜色和图标大小时。

我的实现有^Swipeable个组件作为行,我想根据滑动位置更改行的内容或样式(例如在右窗格中)。 为了让ListView在刷卡时重新渲染,我添加了ListView状态,我使用pos的{​​{1}}道具设置了该状态。

问题是onPanAnimatedValueRef没有重新渲染而且没有任何变化。

Swipeable

你觉得这有什么问题吗?

1 个答案:

答案 0 :(得分:2)

我会将Swipeable包装在您自己的组件中,保持状态和动画逻辑。由于数据没有改变,只有你自己的行本身,因此ListView有责任重新渲染整个事物。

或者,您可以通过setState将数据更改为ListView的数据源(可能是基于状态,因此强制重新投放,但这是一种效率较低的路径)