How to create inset shadow for a View in react-native - iOS, Android?

Question

Is there a way to create a inset shadow for a view in react native ?

Answer 1

Try this one:

const styles = StyleSheet.create({
containerStyle: {
  borderWidth: 1,
  borderRadius: 2,
  borderColor: '#ddd',
  borderBottomWidth: 0,
  shadowColor: '#000',
  shadowOffset: { width: 0, height: 2 },
  shadowOpacity: 0.8,
  shadowRadius: 2,
  elevation: 1,
  marginLeft: 5,
  marginRight: 5,
  marginTop: 10,
}
})