1"use strict";(self.webpackChunkreact_native_website=self.webpackChunkreact_native_website||[]).push([["10132"],{91260(e,t,d){d.r(t),d.d(t,{metadata:()=>n,default:()=>o,frontMatter:()=>i,contentTitle:()=>s,toc:()=>a,assets:()=>c});var n=JSON.parse('{"id":"rect","title":"Rect Object Type","description":"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.","source":"@site/versioned_docs/version-0.86/rect.md","sourceDirName":".","slug":"/rect","permalink":"/docs/0.86/rect","draft":false,"unlisted":false,"editUrl":"[{\\"label\\":\\"Edit page for next release\\",\\"href\\":\\"https://github.com/facebook/react-native-website/edit/main/docs/rect.md\\"},{\\"label\\":\\"Edit page for 0.86 release\\",\\"href\\":\\"https://github.com/facebook/react-native-website/edit/main/website/versioned_docs/version-0.86/rect.md\\"}]","tags":[],"version":"0.86","lastUpdatedAt":1778149224000,"frontMatter":{"id":"rect","title":"Rect Object Type"},"sidebar":"components","previous":{"title":"React Node Object Type","permalink":"/docs/0.86/react-node"},"next":{"title":"TargetEvent Object Type","permalink":"/docs/0.86/targetevent"}}'),r=d(62540),l=d(43023);let i={id:"rect",title:"Rect Object Type"},s,c={},a=[{value:"Example",id:"example",level:2},{value:"Keys and values",id:"keys-and-values",level:2},{value:"<code>bottom</code>
1",id:"bottom",level:3},{value:"<code>left</code>",id:"left",level:3},{value:"<code>right</code>",id:"right",level:3},{value:"<code>top</code>",id:"top",level:3},{value:"Used by",id:"used-by",level:2}];function h(e){let t={a:"a",code:"code",h2:"h2",h3:"h3",li:"li",p:"p",pre:"pre",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,l.R)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(t.p,{children:[(0,r.jsx)(t.code,{children:"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."]}),"\n",(0,r.jsx)(t.h2,{id:"example",children:"Example"}),"\n",(0,r.jsx)(t.pre,{children:(0,r.jsx)(t.code,{className:"language-js",metastring:'title="JavaScript"',children:"{\n bottom: 20,\n left: null,\n right: undefined,\n top: 50\n}\n"})}),"\n",(0,r.jsx)(t.h2,{id:"keys-and-values",children:"Keys and values"}),"\n",(0,r.jsx)(t.h3,{id:"bottom",children:(0,r.jsx)(t.code,{children:"bottom"})}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Type"}),(0,r.jsx)(t.th,{children:"Required"})]})}),(0,r.jsx)(t.tbody,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsxs)(t.td,{children:["number, ",(0,r.jsx)(t.code,{children:"null"}),", ",(0,r.jsx)(t.code,{children:"undefined"})]}),(0,r.jsx)(t.td,{children:"No"})]})})]}),"\n",(0,r.jsx)(t.h3,{id:"left",children:(0,r.jsx)(t.code,{children:"left"})}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Type"}),(0,r.jsx)(t.th,{children:"Required"})]})}),(0,r.jsx)(t.tbody,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsxs)(t.td,{children:["number, ",(0,r.jsx)(t.code,{children:"null"}),", ",(0,r.jsx)(t.code,{children:"undefined"})]}),(0,r.jsx)(t.td,{children:"No"})]})})]}),"\n",(0,r.jsx)(t.h3,{id:"right",children:(0,r.jsx)(t.code,{children:"right"})}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Type"}),(0,r.jsx)(t.th,{children:"Required"})]})}),(0,r.jsx)(t.tbody,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsxs)(t.td,{children:["number, ",(0,r.jsx)(t.code,{children:"null"}),", ",(0,r.jsx)(t.code,{children:"undefined"})]}),(0,r.jsx)(t.td,{children:"No"})]})})]}),"\n",(0,r.jsx)(t.h3,{id:"top",children:(0,r.jsx)(t.code,{children:"top"})}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Type"}),(0,r.jsx)(t.th,{children:"Required"})]})}),(0,r.jsx)(t.tbody,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsxs)(t.td,{children:["number, ",(0,r.jsx)(t.code,{children:"null"}),", ",(0,r.jsx)(t.code,{children:"undefined"})]}),(0,r.jsx)(t.td,{children:"No"})]})})]}),"\n",(0,r.jsx)(t.h2,{id:"used-by",children:"Used by"}),"\n",(0,r.jsxs)(t.ul,{children:["\n",(0,r.jsx)(t.li,{children:(0,r.jsx)(t.a,{href:"image",children:(0,r.jsx)(t.code,{children:"Image"})})}),"\n",(0,r.jsx)(t.li,{children:(0,r.jsx)(t.a,{href:"pressable",children:(0,r.jsx)(t.code,{children:"Pressable"})})}),"\n",(0,r.jsx)(t.li,{children:(0,r.jsx)(t.a,{href:"text",children:(0,r.jsx)(t.code,{children:"Text"})})}),"\n",(0,r.jsx)(t.li,{children:(0,r.jsx)(t.a,{href:"touchablewithoutfeedback",children:(0,r.jsx)(t.code,{children:"TouchableWithoutFeedback"})})}),"\n"]})]})}function o(e={}){let{wrapper:t}={...(0,l.R)(),...e.components};return t?(0,r.jsx)(t,{...e,children:(0,r.jsx)(h,{...e})}):h(e)}},43023(e,t,d){d.d(t,{R:()=>i,x:()=>s});var n=d(63696);let r={},l=n.createContext(r);function i(e){let t=n.useContext(l);return n.useMemo(function(){return"function"==typeof e?e(t):{...t,...e}},[t,e])}function s(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:i(e.components),n.createElement(l.Provider,{value:t},e.children)}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.