滑动列表组件效果很好,但是我有一个窍门
按钮上有一个SwipeRow元素替代(请检查以下屏幕截图中的检查器详细信息)
我不使用这些隐藏的物品,等等。
相反,我编写了一些自定义样式以增加主要组件的宽度,等等。
这是我的密码
renderItem(item)
{
return (<TouchableOpacity style={{flexDirection:"row"}}>
<WideProduct increaseItemAmount={this.increaseItemAmount} decreaseItemAmount={this.decreaseItemAmount} item={item} />
<TouchableOpacity onPress={() => {
alert("Clicking !!"); // not working
}} style={{width:responsiveWidth(85),marginTop:responsiveHeight(19),alignItems:"center",justifyContent:"center",height:responsiveHeight(85),backgroundColor:DynamicAppStyles.colorSet.light.red}}>
<AntIcon color="#FFF" size={32} name="delete" />
</TouchableOpacity>
</TouchableOpacity>)
}
屏幕截图
https://user-images.githubusercontent.com/2767001/96572992-d240f480-12cd-11eb-82a7-8fed4aa6a536.jpeg
环境
- 操作系统:Android
- RN SwipelistView版本:3.2.4
- RN版本:61.4
这是我使用的插件的链接:https://github.com/jemise111/react-native-swipe-list-view
如果此问题无法解决,请推荐一个更好的库,或者如何在没有插件(库)的情况下创建它