1

I am trying to add elevation so that I can add a effect share below but right now my code isn't adding that effect. I have even tried linear-gradient to add such effect in view but still not able to achieve it.

code:

 <TextInput placeholder={placeholder} style={[currentStyles.input, currentStyles.txt, style]} onBlur={onBlur} onChangeText={onChange} value={value} /> </View>

stlying:

inputView: { backgroundColor: "#00000040", // Transparent to show gradient height: pixelSizeHorizontal(60), paddingHorizontal: pixelSizeHorizontal(10), shadowColor: "#747474", shadowOffset: { width: 5, height: 0 }, shadowOpacity: 0.8, shadowRadius: 0.1, elevation: 24, borderRadius: 10, }, input: { marginTop: pixelSizeVertical(10), height: pixelSizeHorizontal(45), },

Image with textInput UI that is wrapped by view of react native

How can add below shared effect in view that wraps TextInput?

Improve this question
Load 7 more related questions Show fewer related questions

0

Reset to default

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.