反应本机中具有梯度效果的简单水平线？

Question

我已经尝试过下面的代码可以工作，但是我需要像line那样的阴影效果。

 <View
             style={{
                borderBottomColor: 'grey',
                borderBottomWidth: 0.5,
                marginBottom: 15,
                marginTop: 50,
                margin: 10,
              }}
            />

Answer 1

这将在视图中为您渲染阴影。

<View
                 style={{
                    borderBottomColor: 'grey',
                    borderBottomWidth: 0.5,
                    marginBottom: 15,
                    marginTop: 50,
                    margin: 10,
           shadowOffset: {
                width: 2,
                height: 2,
            },
            shadowColor: 'rgba(0,0,0,0.8)',
            shadowOpacity: 0.5,
            shadowRadius: 10,
                  }}
                />

但是正如您所说的那样，您可能需要添加以下库： https://github.com/react-native-community/react-native-linear-gradient