простая горизонтальная линия с эффектом градиента в реактивной?

Question

Я попробовал ниже код, это работает, но мне нужен теневой эффект для линии.

 <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