Menu
React NativeReact NativeReact Native
0.64
  • Next
  • 0.64
  • 0.63
  • 0.62
  • 0.61
  • 0.60
  • All versions
DocsComponentsAPICommunityBlog
🌜
🌞
React NativeReact NativeReact Native
  • Docs
  • Components
  • API
  • Community
  • Blog
  • Versions
    • Next
    • 0.64
    • 0.63
    • 0.62
    • 0.61
    • 0.60
    • All versions
  • Core Components
    • Core Components and APIs
    • ActivityIndicator
    • Button
    • FlatList
    • Image
    • ImageBackground
    • KeyboardAvoidingView
    • Modal
    • Pressable
    • RefreshControl
    • ScrollView
    • SectionList
    • StatusBar
    • Switch
    • Text
    • TextInput
    • TouchableHighlight
    • TouchableOpacity
    • TouchableWithoutFeedback
    • View
    • VirtualizedList
    • Android Components
      • DrawerLayoutAndroid
      • TouchableNativeFeedback
    • iOS Components
      • InputAccessoryView
      • SafeAreaView
  • Props
    • Image Style Props
    • Layout Props
    • Shadow Props
    • Text Style Props
    • View Style Props
  • Object Types
    • LayoutEvent Object Type
    • PressEvent Object Type
    • React Node Object Type
    • Rect Object Type
    • ViewToken Object Type

Shadow Props

Reference#

Props#

shadowColor#

Sets the drop shadow color.

This property will only work on Android API 28 and above. For similar functionality on lower Android APIs, use the elevation property.

Type
color

shadowOffset
iOS
#

Sets the drop shadow offset.

Type
object: {width: number,height: number}

shadowOpacity
iOS
#

Sets the drop shadow opacity (multiplied by the color's alpha component).

Type
number

shadowRadius
iOS
#

Sets the drop shadow blur radius.

Type
number
Edit this page
Last updated on 3/12/2021
Previous
« Layout Props
Next
Text Style Props »
  • Props
    • shadowColor
    • shadowOffset
      iOS
    • shadowOpacity
      iOS
    • shadowRadius
      iOS

Docs

  • Getting Started
  • Tutorial
  • Components and APIs
  • More Resources

Community

  • The React Native Community
  • Who's using React Native?
  • Ask Questions on Stack Overflow
  • Contributor Guide
  • DEV Community

Find us

  • Blog
  • Twitter
  • GitHub

More

  • React
  • Privacy Policy
  • Terms of Service
Facebook Open Source Logo
Copyright © 2021 Facebook, Inc.