Menu
React NativeReact Native
0.63
  • Next
  • 0.63
  • 0.62
  • 0.61
  • 0.60
  • All versions
DocsComponentsAPICommunityBlog
🌜
🌞
React NativeReact Native
  • Docs
  • Components
  • API
  • Community
  • Blog
  • Versions
    • Next
    • 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
    • SafeAreaView
    • ScrollView
    • SectionList
    • StatusBar
    • Switch
    • Text
    • TextInput
    • TouchableHighlight
    • TouchableOpacity
    • TouchableWithoutFeedback
    • View
    • VirtualizedList
    • Android Components
      • DrawerLayoutAndroid
      • TouchableNativeFeedback
    • iOS Components
      • InputAccessoryView
      • 🚧 MaskedViewIOS
  • Props
    • Image Style Props
    • Layout Props
    • Shadow Props
    • Text Style Props
    • View Style Props
  • Object Types
    • PressEvent Object Type
    • React Node Object Type
    • Rect Object Type

Rect Object Type

Rect accepts numeric pixel values to describe how far to extend a rectangular area. These values are added to the original area's size to expand it.

Example#

{
bottom: 20,
left: null,
right: undefined,
top: 50
}

Keys and values#

bottom#

TypeRequired
number, null, undefinedNo

left#

TypeRequired
number, null, undefinedNo

right#

TypeRequired
number, null, undefinedNo

top#

TypeRequired
number, null, undefinedNo

Used by#

  • Image
  • Presssable
  • Text
  • TouchableWithoutFeedback
Edit this page
Last updated on 10/29/2020
Previous
« React Node Object Type
  • Example
  • Keys and values
    • bottom
    • left
    • right
    • top
  • Used by

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

More Resources

  • Blog
  • Twitter
  • GitHub
  • React
Facebook Open Source Logo
Copyright © 2020 Facebook, Inc.