https://reactnativeelements.com/assets/js/a8ff28de.0ffd6692.js

1"use strict";(self.webpackChunkrne_website=self.webpackChunkrne_website||[]).push([[11311],{12425(e){e.exports=JSON.parse('{"pluginId":"default","version":"4.0.0-rc.1","label":"4.0.0-rc.1","banner":"unmaintained","badge":true,"noIndex":false,"className":"docs-version-4.0.0-rc.1","isLast":false,"docsSidebars":{"docs":[{"type":"category","label":"Getting Started","items":[{"type":"link","label":"Overview","href":"/docs/4.0.0-rc.1/","docId":"overview"},{"type":"link","label":"Installation","href":"/docs/4.0.0-rc.1/installation","docId":"installation"},{"type":"link","label":"Troubleshooting","href":"/docs/4.0.0-rc.1/troubleshooting","docId":"troubleshooting"}],"collapsed":false,"collapsible":true},{"collapsed":false,"type":"category","label":"Customization","items":[{"type":"link","label":"Overview","href":"/docs/4.0.0-rc.1/customizing","docId":"customization/overview"},{"type":"link","label":"Color","href":"/docs/4.0.0-rc.1/customization/color","docId":"customization/color"},{"type":"link","label":"ThemeProvider","href":"/docs/4.0.0-rc.1/customization/theming","docId":"customization/theming"},{"type":"link","label":"Components","href":"/docs/4.0.0-rc.1/customization/components","docId":"customization/components"},{"type":"link","label":"Common Pitfalls","href":"/docs/4.0.0-rc.1/customization/pitfall","docId":"customization/pitfall"},{"type":"link","label":"With Typescript","href":"/docs/4.0.0-rc.1/customization/typescript","docId":"customization/typescript"}],"collapsible":true},{"collapsed":false,"type":"category","label":"Components","items":[{"type":"link","label":"AirbnbRating","href":"/docs/4.0.0-rc.1/components/airbnbrating","docId":"components/airbnbrating"},{"collapsible":false,"type":"category","label":"Avatar","items":[{"type":"link","label":"Avatar.Accessory","href":"/docs/4.0.0-rc.1/components/avatar_accessory","docId":"components/avatar_accessory"}],"collapsed":false,"href":"/docs/4.0.0-rc.1/components/avatar"},{"type":"link","label":"Badge","href":"/docs/4.0.0-rc.1/components/badge","docId":"components/badge"},{"type":"link","label":"BottomSheet","href":"/docs/4.0.0-rc.1/components/bottomsheet","docId":"components/bottomsheet"},{"type":"link","label":"Button","href":"/docs/4.0.0-rc.1/components/button","docId":"components/button"},{"type":"link","label":"ButtonGroup","href":"/docs/4.0.0-rc.1/components/buttongroup","docId":"components/buttongroup"},{"collapsible":false,"type":"category","label":"Card","items":[{"type":"link","label":"Card.Divider","href":"/docs/4.0.0-rc.1/components/card_divider","docId":"components/card_divider"},{"type":"link","label":"Card.FeaturedSubtitle","href":"/docs/4.0.0-rc.1/components/card_featuredsubtitle","docId":"components/card_featuredsubtitle"},{"type":"link","label":"Card.FeaturedTitle","href":"/docs/4.0.0-rc.1/components/card_featuredtitle","docId":"components/card_featuredtitle"},{"type":"link","label":"Card.Image","href":"/docs/4.0.0-rc.1/components/card_image","docId":"components/card_image"},{"type":"link","label":"Card.Title","href":"/docs/4.0.0-rc.1/components/card_title","docId":"components/card_title"}],"collapsed":false,"href":"/docs/4.0.0-rc.1/components/card"},{"type":"link","label":"CheckBox","href":"/docs/4.0.0-rc.1/components/checkbox","docId":"components/checkbox"},{"type":"link","label":"Chip","href":"/docs/4.0.0-rc.1/components/chip","docId":"components/chip"},{"collapsible":false,"type":"category","label":"Dialog","items":[{"type":"link","label":"Dialog.Actions","href":"/docs/4.0.0-rc.1/components/dialog_actions","docId":"components/dialog_actions"},{"type":"link","label":"Dialog.Button","href":"/docs/4.0.0-rc.1/components/dialog_button","docId":"components/dialog_button"},{"type":"link","label":"Dialog.Loading","href":"/docs/4.0.0-rc.1/components/dialog_loading","docId":"components/dialog_loading"},{"type":"link","label":"Dialog.Title","href":"/docs/4.0.0-rc.1/components/dialog_title","docId":"components/dialog_title"}],"collapsed":false,"href":"/docs/4.0.0-rc.1/components/dialog"},{"type":"link","label":"Divider","href":"/docs/4.0.0-rc.1/components/divider","docId":"components/divider"},{"type":"link","label":"FAB","href":"/docs/4.0.0-rc.1/components/fab","docId":"components/fab"},{"type":"link","label":"Header","href":"/docs/4.0.0-rc.1/components/header","docId":"components/header"},{"type":"link","label":"Icon","href":"/docs/4.0.0-rc.1/components/icon","docId":"components/icon"},{"type":"link","label":"Image","href":"/docs/4.0.0-rc.1/components/image","docId":"components/image"},{"type":"link","label":"Input","href":"/docs/4.0.0-rc.1/components/input","docId":"components/input"},{"type":"link","label":"LinearProgress","href":"/docs/4.0.0-rc.1/components/linearprogress","docId":"components/linearprogress"},{"collapsible":false,"type":"category","label":"ListItem","items":[{"type":"link","label":"ListItem.Accordion","href":"/docs/4.0.0-rc.1/components/listitem_accordion","docId":"components/listitem_accordion"},{"type":"link","label":"ListItem.ButtonGroup","href":"/docs/4.0.0-rc.1/components/listitem_buttongroup","docId":"components/listitem_buttongroup"},{"type":"link","label":"ListItem.CheckBox","href":"/docs/4.0.0-rc.1/components/listitem_checkbox","docId":"components/listitem_checkbox"},{"type":"link","label":"ListItem.Chevron","href":"/docs/4.0.0-rc.1/components/listitem_chevron","docId":"components/listitem_chevron"},{"type":"link","label":"ListItem.Content","href":"/docs/4.0.0-rc.1/components/listitem_content","docId":"components/listitem_content"},{"type":"link","label":"ListItem.Input","href":"/docs/4.0.0-rc.1/components/listitem_input","docId":"components/listitem_input"}

1,{"type":"link","label":"ListItem.Subtitle","href":"/docs/4.0.0-rc.1/components/listitem_subtitle","docId":"components/listitem_subtitle"},{"type":"link","label":"ListItem.Swipeable","href":"/docs/4.0.0-rc.1/components/listitem_swipeable","docId":"components/listitem_swipeable"},{"type":"link","label":"ListItem.Title","href":"/docs/4.0.0-rc.1/components/listitem_title","docId":"components/listitem_title"}],"collapsed":false,"href":"/docs/4.0.0-rc.1/components/listitem"},{"type":"link","label":"Overlay","href":"/docs/4.0.0-rc.1/components/overlay","docId":"components/overlay"},{"type":"link","label":"PricingCard","href":"/docs/4.0.0-rc.1/components/pricingcard","docId":"components/pricingcard"},{"type":"link","label":"SearchBar","href":"/docs/4.0.0-rc.1/components/searchbar","docId":"components/searchbar"},{"type":"link","label":"Slider","href":"/docs/4.0.0-rc.1/components/slider","docId":"components/slider"},{"type":"link","label":"Skeleton","href":"/docs/4.0.0-rc.1/components/skeleton","docId":"components/skeleton"},{"type":"link","label":"SocialIcon","href":"/docs/4.0.0-rc.1/components/socialicon","docId":"components/socialicon"},{"collapsible":false,"type":"category","label":"SpeedDial","items":[{"type":"link","label":"SpeedDial.Action","href":"/docs/4.0.0-rc.1/components/speeddial_action","docId":"components/speeddial_action"}],"collapsed":false,"href":"/docs/4.0.0-rc.1/components/speeddial"},{"type":"link","label":"Switch","href":"/docs/4.0.0-rc.1/components/switch","docId":"components/switch"},{"collapsible":false,"type":"category","label":"Tab","items":[{"type":"link","label":"Tab.Item","href":"/docs/4.0.0-rc.1/components/tab_item","docId":"components/tab_item"}],"collapsed":false,"href":"/docs/4.0.0-rc.1/components/tab"},{"collapsible":false,"type":"category","label":"TabView","items":[{"type":"link","label":"TabView.Item","href":"/docs/4.0.0-rc.1/components/tabview_item","docId":"components/tabview_item"}],"collapsed":false,"href":"/docs/4.0.0-rc.1/components/tabview"},{"type":"link","label":"Text","href":"/docs/4.0.0-rc.1/components/text","docId":"components/text"},{"type":"link","label":"Tile","href":"/docs/4.0.0-rc.1/components/tile","docId":"components/tile"},{"type":"link","label":"Tooltip","href":"/docs/4.0.0-rc.1/components/tooltip","docId":"components/tooltip"}],"collapsible":true},{"type":"category","collapsed":false,"label":"More Components","items":[{"type":"link","label":"Getting Started","href":"/docs/4.0.0-rc.1/universe","docId":"universe/getting_started"},{"type":"link","label":"CircularSlider","href":"/docs/4.0.0-rc.1/universe/circularslider","docId":"universe/circularslider"}],"collapsible":true},{"type":"category","collapsed":false,"label":"See also","items":[{"type":"link","label":"Contributing","href":"/docs/4.0.0-rc.1/contributing","docId":"repo/contributing"},{"type":"link","label":"Testing","href":"/docs/4.0.0-rc.1/testing","docId":"repo/testing"},{"type":"link","label":"Label Guide","href":"/docs/4.0.0-rc.1/labels","docId":"repo/labels"},{"type":"link","label":"Migration Guide","href":"/docs/4.0.0-rc.1/migration_guide","docId":"migration_guide"},{"type":"link","label":"Sponsors","href":"/sponsor"}],"collapsible":true}]},"docs":{"components/airbnbrating":{"id":"components/airbnbrating","title":"AirbnbRating","description":"Ratings are used to collect measurable feedback from users.","sidebar":"docs"},"components/avatar":{"id":"components/avatar","title":"Avatar","description":"Avatars are found all over ui design from lists to profile screens.","sidebar":"docs"},"components/avatar_accessory":{"id":"components/avatar_accessory","title":"Avatar.Accessory","description":"This is used for adding an accessory to the Avatar.","sidebar":"docs"},"components/badge":{"id":"components/badge","title":"Badge","description":"Badges are small components typically used to communicate a numerical value or indicate the status of an item to the user.","sidebar":"docs"},"components/bottomsheet":{"id":"components/bottomsheet","title":"BottomSheet","description":"Overlay Modal that displays content from the bottom of the screen.","sidebar":"docs"},"components/button":{"id":"components/button","title":"Button","description":"Buttons are touchable elements used to interact with the screen and to perform and operation.","sidebar":"docs"},"components/buttongroup":{"id":"components/buttongroup","title":"ButtonGroup","description":"ButtonGroup is a linear set of segments, each of which function as a button that can display a different view/or perform a different action.","sidebar":"docs"},"components/card":{"id":"components/card","title":"Card","description":"Cards are a great way to display information, usually containing content and actions about a single subject.","sidebar":"docs"},"components/card_divider":{"id":"components/card_divider","title":"Card.Divider","description":"Add divider to the card which acts as a separator between elements.","sidebar":"docs"},"components/card_featuredsubtitle":{"id":"components/card_featuredsubtitle","title":"Card.FeaturedSubtitle","description":"Add a featured subtitle to the Card.","sidebar":"docs"},"components/card_featuredtitle":{"id":"components/card_featuredtitle","title":"Card.FeaturedTitle","description":"Add a featured title to the Card.","sidebar":"docs"}

1,"components/card_image":{"id":"components/card_image","title":"Card.Image","description":"Add information in the form of image to the card.","sidebar":"docs"},"components/card_title":{"id":"components/card_title","title":"Card.Title","description":"Add a general title to the Card.","sidebar":"docs"},"components/checkbox":{"id":"components/checkbox","title":"CheckBox","description":"CheckBoxes allow users to complete tasks that involve making choices such as selecting options, or switching settings - On or Off.","sidebar":"docs"},"components/chip":{"id":"components/chip","title":"Chip","description":"Chips are compact elements that represent an input, attribute, or action.","sidebar":"docs"},"components/dialog":{"id":"components/dialog","title":"Dialog","description":"Dialogs inform users about a task and can contain critical information, require decisions, or involve multiple tasks.","sidebar":"docs"},"components/dialog_actions":{"id":"components/dialog_actions","title":"Dialog.Actions","description":"Define Dialog Actions using this component.","sidebar":"docs"},"components/dialog_button":{"id":"components/dialog_button","title":"Dialog.Button","description":"This is used to add a button to the Dialog.","sidebar":"docs"},"components/dialog_loading":{"id":"components/dialog_loading","title":"Dialog.Loading","description":"DialogLoader allows adding loader to the Dialog. Loader is simply ActivityIndicator.","sidebar":"docs"},"components/dialog_title":{"id":"components/dialog_title","title":"Dialog.Title","description":"DialogTitle allows you to add title to the Dialog.","sidebar":"docs"},"components/divider":{"id":"components/divider","title":"Divider","description":"Dividers are visual separators of content.","sidebar":"docs"},"components/fab":{"id":"components/fab","title":"FAB","description":"A floating action button (FAB) performs the primary, or most common, action on a screen.","sidebar":"docs"},"components/header":{"id":"components/header","title":"Header","description":"Headers are navigation components that display information and actions relating to the current screen.","sidebar":"docs"},"components/icon":{"id":"components/icon","title":"Icon","description":"Icons are visual indicators usually used to describe action or intent.","sidebar":"docs"},"components/image":{"id":"components/image","title":"Image","description":"Drop-in replacement for the standard React Native Image component that displays","sidebar":"docs"},"components/input":{"id":"components/input","title":"Input","description":"Usage","sidebar":"docs"},"components/linearprogress":{"id":"components/linearprogress","title":"LinearProgress","description":"Progress indicators inform users about the status of ongoing processes, such as loading an app, submitting a form, or saving updates.","sidebar":"docs"},"components/listitem":{"id":"components/listitem","title":"ListItem","description":"ListItems are used to display rows of information, such as a contact list, playlist, or menu.","sidebar":"docs"},"components/listitem_accordion":{"id":"components/listitem_accordion","title":"ListItem.Accordion","description":"This allows making a accordion list which can show/hide content.","sidebar":"docs"},"components/listitem_buttongroup":{"id":"components/listitem_buttongroup","title":"ListItem.ButtonGroup","description":"This allows adding ButtonGroup to the ListItem.","sidebar":"docs"},"components/listitem_checkbox":{"id":"components/listitem_checkbox","title":"ListItem.CheckBox","description":"This allows adding CheckBox to the ListItem.","sidebar":"docs"},"components/listitem_chevron":{"id":"components/listitem_chevron","title":"ListItem.Chevron","description":"This allows adding a Chevron Icon(arrow) to the ListItem.","sidebar":"docs"},"components/listitem_content":{"id":"components/listitem_content","title":"ListItem.Content","description":"This allows adding content to the ListItem.","sidebar":"docs"},"components/listitem_input":{"id":"components/listitem_input","title":"ListItem.Input","description":"This allows adding an Text Input within the ListItem.","sidebar":"docs"},"components/listitem_subtitle":{"id":"components/listitem_subtitle","title":"ListItem.Subt

1itle","description":"This allows adding SubTitle to the ListItem.","sidebar":"docs"},"components/listitem_swipeable":{"id":"components/listitem_swipeable","title":"ListItem.Swipeable","description":"We offer a special kind of ListItem which is swipeable from both ends and allows users select an event.","sidebar":"docs"},"components/listitem_title":{"id":"components/listitem_title","title":"ListItem.Title","description":"This allows adding Title to the ListItem.","sidebar":"docs"},"components/overlay":{"id":"components/overlay","title":"Overlay","description":"The Overlay is a view that floats above an app\u2019s content.","sidebar":"docs"},"components/pricingcard":{"id":"components/pricingcard","title":"PricingCard","description":"Pricing is a convenience component used to display features and pricing tables in a beautiful and engaging way.","sidebar":"docs"},"components/rating":{"id":"components/rating","title":"Rating","description":"Ratings are used to collect measurable feedback from users."},"components/searchbar":{"id":"components/searchbar","title":"SearchBar","description":"Usage","sidebar":"docs"},"components/skeleton":{"id":"components/skeleton","title":"Skeleton","description":"A placeholder preview for content before the data gets loaded, an alternative for spinners.","sidebar":"docs"},"components/slider":{"id":"components/slider","title":"Slider","description":"Sliders allow users to select a value from a fixed set of values using drag utility.","sidebar":"docs"},"components/socialicon":{"id":"components/socialicon","title":"SocialIcon","description":"SocialIcons are visual cues to online and social media networks. We offer a varied range of social icons.","sidebar":"docs"},"components/speeddial":{"id":"components/speeddial","title":"SpeedDial","description":"When pressed, a floating action button can display three to six related actions in the form of a speed dial.","sidebar":"docs"},"components/speeddial_action":{"id":"components/speeddial_action","title":"SpeedDial.Action","description":"Adds Action to the SpeedDial.","sidebar":"docs"},"components/switch":{"id":"components/switch","title":"Switch","description":"Switch represents user\'s decision of a process and indicates whether a state is on/off.","sidebar":"docs"},"components/tab":{"id":"components/tab","title":"Tab","description":"Tabs organize content across different screens, data sets, and other interactions.","sidebar":"docs"},"components/tab_item":{"id":"components/tab_item","title":"Tab.Item","description":"They are individual item of the parent Tab.","sidebar":"docs"},"components/tabview":{"id":"components/tabview","title":"TabView","description":"Tabs organize content across different screens, data sets, and other interactions.","sidebar":"docs"},"components/tabview_item":{"id":"components/tabview_item","title":"TabView.Item","description":"They are individual item of the parent Tab.","sidebar":"docs"},"components/text":{"id":"components/text","title":"Text","description":"Text displays words and characters of various sizes.","sidebar":"docs"},"components/tile":{"id":"components/tile","title":"Tile","description":"Tiles like Cards, are a convenient way to display related content about a single subject.","sidebar":"docs"},"components/tooltip":{"id":"components/tooltip","title":"Tooltip","description":"Tooltips display informative text when users tap on an element.","sidebar":"docs"},"customization/color":{"id":"customization/color","title":"Color","description":"The Theme Object","sidebar":"docs"},"customization/components":{"id":"customization/components","title":"Components","description":"Using the theme in your own components","sidebar":"docs"},"customization/overview":{"id":"customization/overview","title":"Overview","description":"Congrats! You\'ve installed React Native Elements and your immediate question","sidebar":"docs"},"customization/pitfall":{"id":"customization/pitfall","title":"Common Pitfalls","description":"This section outlines some common pitfalls when using Theming.","sidebar":"docs"},"customization/theming":{"id":"customization/theming","title":"ThemeProvider","description":"The previous solution works great for only one component, but imagine having to","sidebar":"docs"},"customization/typescript":{"id":"customization/typescript","title":"Typescript","description":"TypeScript Definitions (extending the default theme)","sidebar":"docs"},"installation":{"id":"installation","title":"","description":"Installation","sidebar":"docs"},"migration_guide":{"id":"migration_guide","title":"Migration Guide","description":"React Native Elements v4 introduces many features including few new components, fully typescript support and some breaking changes whose migration is being given below.","sidebar":"docs"},"overview":{"id":"overview","title":"Overview","description":"The aim of React Native Elements is to provide an all-in-one UI kit for","sidebar":"docs"}

1,"repo/contributing":{"id":"repo/contributing","title":"","description":"","sidebar":"docs"},"repo/labels":{"id":"repo/labels","title":"Label Guide","description":"This page explains how we use labels throughout the repo to tag issues and pull","sidebar":"docs"},"repo/testing":{"id":"repo/testing","title":"Testing","description":"We are using tests to make sure components keep their functionality between versions and edits.","sidebar":"docs"},"troubleshooting":{"id":"troubleshooting","title":"Troubleshooting","description":"Although we try to make the experience of using React Native Elements","sidebar":"docs"},"universe/circularslider":{"id":"universe/circularslider","title":"CircularSlider","description":"A slider with circular track and thumb","sidebar":"docs"},"universe/getting_started":{"id":"universe/getting_started","title":"Getting Started","description":"","sidebar":"docs"}}}')}}]);