Title: Transforms · React Native
Open Graph Title: Transforms · React Native
Description: Transforms are style properties that will help you modify the appearance and position of your components using 2D or 3D transformations. However, once you apply transforms, the layouts remain the same around the transformed component hence it might overlap with the nearby components. You can apply margin to the transformed component, the nearby components or padding to the container to prevent such overlaps.
Open Graph Description: Transforms are style properties that will help you modify the appearance and position of your components using 2D or 3D transformations. However, once you apply transforms, the layouts remain the same around the transformed component hence it might overlap with the nearby components. You can apply margin to the transformed component, the nearby components or padding to the container to prevent such overlaps.
Opengraph URL: https://reactnative.dev/docs/transforms
X: @reactnative
Generator: Docusaurus v3.10.1
Domain: reactnative.dev
{"@context":"https://schema.org/","@id":"https://reactnative.dev/","@type":"WebPage","description":"A framework for building native apps for Android, iOS, and more using React","inLanguage":"en-US","logo":"https://reactnative.dev/img/pwa/manifest-icon-192.png","name":"React Native · Learn once, write anywhere","url":"https://reactnative.dev/"}
{"@id":"https://reactnative.dev/","@type":"WebSite","description":"A framework for building native apps for Android, iOS, and more using React","inLanguage":"en-US","name":"React Native · Learn once, write anywhere","potentialAction":[{"@type":"SearchAction","query-input":{"@type":"PropertyValueSpecification","valueName":"query","valueRequired":true},"target":{"@type":"EntryPoint","urlTemplate":"https://reactnative.dev/search?q={query}"}}],"publisher":"Meta Platforms, Inc.","url":"https://reactnative.dev/"}
| og:locale | en |
| docusaurus_locale | en |
| docsearch:language | en |
| og:image | https://reactnative.dev/img/logo-share.png |
| twitter:card | summary_large_image |
| twitter:image | https://reactnative.dev/img/logo-share.png |
| mobile-web-app-capable | yes |
| docusaurus_version | 0.86 |
| docusaurus_tag | docs-default-0.86 |
| docsearch:version | 0.86 |
| docsearch:docusaurus_tag | docs-default-0.86 |
| theme-color | #20232a |
| apple-mobile-web-app-status-bar-style | #20232a |
| msapplication-TileColor | #20232a |
Links:
Viewport: width=device-width, initial-scale=1.0