问react-native: Fade ScrollView bottom

EN

1. 使用expo中的LinearGradient来渲染平滑淡出。
2. 如果ScrollView有可触摸的项目，则将属性'pointerEvents={'none'}‘添加到LinearGradient。它可以绕过触摸事件到ScrollView。

从‘expo’导入{LinearGradient}；查看style={{宽度:100，高度:100，背景颜色：‘#fff’}}

编辑：

1. 如果是动态图像，也许您可以尝试图像父对象的backgroundColor。下面的示例是黑色的，因此请使用黑色LinearGradient。

<查看style={{flex:1，backgroundColor:'#000'}}> <图像背景style={{flex: 1} } source={{uri:'https://images.pexels.com/photos/67636/rose-blue-flower-rose-blooms-67636.jpeg?cs=srgb&dl=beauty-bloom-blue-67636.jpg&fm=jpg'}} >

在ScrollView中有一个用于实现淡入淡出效果的包。

rn-faded-scrollview确实工作得很好。

 <RNFadedScrollView
    allowStartFade={true}
    allowEndFade={true}
    bounces={false}
    horizontal={true}
     >
 </RNFadedScrollView>

希望这能有所帮助。