mirror of
https://github.com/facebook/react-native.git
synced 2025-11-01 09:14:26 +00:00
Deploy website
Deploy website version based on 6995a18ba8daff6ccf61dbab212dd78c489e4b46
This commit is contained in:
Website Deployment Script
+1
-1
File diff suppressed because one or more lines are too long
@@ -84,188 +84,264 @@
|
||||
<p>Most apps will end up using one of these basic components. You'll want to get yourself familiarized with all of these if you're new to React Native.</p>
|
||||
<div class="component-grid component-grid-border">
|
||||
<div class="component">
|
||||
<h3><a href="./view">View</a></h3>
|
||||
<p>The most fundamental component for building a UI.</p>
|
||||
<a href="./view">
|
||||
<h3>View</h3>
|
||||
<p>The most fundamental component for building a UI.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./text">Text</a></h3>
|
||||
<p>A component for displaying text.</p>
|
||||
<a href="./text">
|
||||
<h3>Text</h3>
|
||||
<p>A component for displaying text.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./image">Image</a></h3>
|
||||
<p>A component for displaying images.</p>
|
||||
<a href="./image">
|
||||
<h3>Image</h3>
|
||||
<p>A component for displaying images.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./textinput">TextInput</a></h3>
|
||||
<p>A component for inputting text into the app via a keyboard.</p>
|
||||
<a href="./textinput">
|
||||
<h3>TextInput</h3>
|
||||
<p>A component for inputting text into the app via a keyboard.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./scrollview">ScrollView</a></h3>
|
||||
<p>Provides a scrolling container that can host multiple components and views.</p>
|
||||
<a href="./scrollview">
|
||||
<h3>ScrollView</h3>
|
||||
<p>Provides a scrolling container that can host multiple components and views.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./stylesheet">StyleSheet</a></h3>
|
||||
<p>Provides an abstraction layer similar to CSS stylesheets.</p>
|
||||
<a href="./stylesheet">
|
||||
<h3>StyleSheet</h3>
|
||||
<p>Provides an abstraction layer similar to CSS stylesheets.</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<h2><a class="anchor" aria-hidden="true" id="user-interface"></a><a href="#user-interface" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>User Interface</h2>
|
||||
<p>Render common user interface controls on any platform using the following components. For platform specific components, keep reading.</p>
|
||||
<div class="component-grid component-grid-border">
|
||||
<div class="component">
|
||||
<h3><a href="./button">Button</a></h3>
|
||||
<p>A basic button component for handling touches that should render nicely on any platform.</p>
|
||||
<a href="./button">
|
||||
<h3>Button</h3>
|
||||
<p>A basic button component for handling touches that should render nicely on any platform.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./picker">Picker</a></h3>
|
||||
<p>Renders the native picker component on iOS and Android.</p>
|
||||
<a href="./picker">
|
||||
<h3>Picker</h3>
|
||||
<p>Renders the native picker component on iOS and Android.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./slider">Slider</a></h3>
|
||||
<p>A component used to select a single value from a range of values.</p>
|
||||
<a href="./slider">
|
||||
<h3>Slider</h3>
|
||||
<p>A component used to select a single value from a range of values.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./switch">Switch</a></h3>
|
||||
<p>Renders a boolean input.</p>
|
||||
<a href="./switch">
|
||||
<h3>Switch</h3>
|
||||
<p>Renders a boolean input.</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<h2><a class="anchor" aria-hidden="true" id="list-views"></a><a href="#list-views" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>List Views</h2>
|
||||
<p>Unlike the more generic <code>ScrollView</code>, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.</p>
|
||||
<p>Unlike the more generic <a href="/react-native/docs/next/scrollview"><code>ScrollView</code></a>, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.</p>
|
||||
<div class="component-grid component-grid-border">
|
||||
<div class="component">
|
||||
<h3><a href="./flatlist">FlatList</a></h3>
|
||||
<p>A component for rendering performant scrollable lists.</p>
|
||||
<a href="./flatlist">
|
||||
<h3>FlatList</h3>
|
||||
<p>A component for rendering performant scrollable lists.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./sectionlist">SectionList</a></h3>
|
||||
<p>Like <code>FlatList</code>, but for sectioned lists.</p>
|
||||
<a href="./sectionlist">
|
||||
<h3>SectionList</h3>
|
||||
<p>Like <code>FlatList</code>, but for sectioned lists.</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<h2><a class="anchor" aria-hidden="true" id="ios-components-and-apis"></a><a href="#ios-components-and-apis" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>iOS Components and APIs</h2>
|
||||
<p>Many of the following components provide wrappers for commonly used UIKit classes.</p>
|
||||
<div class="component-grid component-grid-border">
|
||||
<div class="component">
|
||||
<h3><a href="./actionsheetios">ActionSheetIOS</a></h3>
|
||||
<p>API to display an iOS action sheet or share sheet.</p>
|
||||
<a href="./actionsheetios">
|
||||
<h3>ActionSheetIOS</h3>
|
||||
<p>API to display an iOS action sheet or share sheet.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./alertios">AlertIOS</a></h3>
|
||||
<p>Create an iOS alert dialog with a message or create a prompt for user input.</p>
|
||||
<a href="./alertios">
|
||||
<h3>AlertIOS</h3>
|
||||
<p>Create an iOS alert dialog with a message or create a prompt for user input.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./datepickerios">DatePickerIOS</a></h3>
|
||||
<p>Renders a date/time picker (selector) on iOS.</p>
|
||||
<a href="./datepickerios">
|
||||
<h3>DatePickerIOS</h3>
|
||||
<p>Renders a date/time picker (selector) on iOS.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./imagepickerios">ImagePickerIOS</a></h3>
|
||||
<p>Renders a image picker on iOS.</p>
|
||||
<a href="./imagepickerios">
|
||||
<h3>ImagePickerIOS</h3>
|
||||
<p>Renders a image picker on iOS.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./progressviewios">ProgressViewIOS</a></h3>
|
||||
<p>Renders a <code>UIProgressView</a></code> on iOS.</p>
|
||||
<a href="./progressviewios">
|
||||
<h3>ProgressViewIOS</h3>
|
||||
<p>Renders a <code>UIProgressView</code> on iOS.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./pushnotificationios">PushNotificationIOS</a></h3>
|
||||
<p>Handle push notifications for your app, including permission handling and icon badge number.</p>
|
||||
<a href="./pushnotificationios">
|
||||
<h3>PushNotificationIOS</h3>
|
||||
<p>Handle push notifications for your app, including permission handling and icon badge number.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./segmentedcontrolios">SegmentedControlIOS</a></h3>
|
||||
<p>Renders a <code>UISegmentedControl</code> on iOS.</p>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./tabbarios">TabBarIOS</a></h3>
|
||||
<p>Renders a <code>UITabViewController</code> on iOS. Use with <a href="./tabbarios-item">TabBarIOS.Item</a>.</p>
|
||||
<a href="./segmentedcontrolios">
|
||||
<h3>SegmentedControlIOS</h3>
|
||||
<p>Renders a <code>UISegmentedControl</code> on iOS.</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<h2><a class="anchor" aria-hidden="true" id="android-components-and-apis"></a><a href="#android-components-and-apis" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>Android Components and APIs</h2>
|
||||
<p>Many of the following components provide wrappers for commonly used Android classes.</p>
|
||||
<div class="component-grid component-grid-border">
|
||||
<div class="component">
|
||||
<h3><a href="./backhandler">BackHandler</a></h3>
|
||||
<p>Detect hardware button presses for back navigation.</p>
|
||||
<a href="./backhandler">
|
||||
<h3>BackHandler</a></h3>
|
||||
<p>Detect hardware button presses for back navigation.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./datepickerandroid">DatePickerAndroid</a></h3>
|
||||
<p>Opens the standard Android date picker dialog.</p>
|
||||
<a href="./datepickerandroid">
|
||||
<h3>DatePickerAndroid</h3>
|
||||
<p>Opens the standard Android date picker dialog.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./drawerlayoutandroid">DrawerLayoutAndroid</a></h3>
|
||||
<p>Renders a <code>DrawerLayout</code> on Android.</p>
|
||||
<a href="./drawerlayoutandroid">
|
||||
<h3>DrawerLayoutAndroid</h3>
|
||||
<p>Renders a <code>DrawerLayout</code> on Android.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./permissionsandroid">PermissionsAndroid</a></h3>
|
||||
<p>Provides access to the permissions model introduced in Android M.</p>
|
||||
<a href="./permissionsandroid">
|
||||
<h3>PermissionsAndroid</a></h3>
|
||||
<p>Provides access to the permissions model introduced in Android M.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./progressbarandroid">ProgressBarAndroid</a></h3>
|
||||
<p>Renders a <code>ProgressBar</code> on Android.</p>
|
||||
<a href="./progressbarandroid">
|
||||
<h3>ProgressBarAndroid</h3>
|
||||
<p>Renders a <code>ProgressBar</code> on Android.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./timepickerandroid">TimePickerAndroid</a></h3>
|
||||
<p>Opens the standard Android time picker dialog.</p>
|
||||
<a href="./timepickerandroid">
|
||||
<h3>TimePickerAndroid</h3>
|
||||
<p>Opens the standard Android time picker dialog.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./toastandroid">ToastAndroid</a></h3>
|
||||
<p>Create an Android Toast alert.</p>
|
||||
<a href="./toastandroid">
|
||||
<h3>ToastAndroid</h3>
|
||||
<p>Create an Android Toast alert.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./toolbarandroid">ToolbarAndroid</a></h3>
|
||||
<p>Renders a <code>Toolbar</code> on Android.</p>
|
||||
<a href="./toolbarandroid">
|
||||
<h3>ToolbarAndroid</h3>
|
||||
<p>Renders a <code>Toolbar</code> on Android.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./viewpagerandroid">ViewPagerAndroid</a></h3>
|
||||
<p>Container that allows to flip left and right between child views.</p>
|
||||
<a href="./viewpagerandroid">
|
||||
<h3>ViewPagerAndroid</h3>
|
||||
<p>Container that allows to flip left and right between child views.</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<h2><a class="anchor" aria-hidden="true" id="others"></a><a href="#others" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>Others</h2>
|
||||
<p>These components may come in handy for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left.</p>
|
||||
<div class="component-grid">
|
||||
<div class="component">
|
||||
<h3><a href="./activityindicator">ActivityIndicator</a></h3>
|
||||
<p>Displays a circular loading indicator.</p>
|
||||
<a href="./activityindicator">
|
||||
<h3>ActivityIndicator</h3>
|
||||
<p>Displays a circular loading indicator.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./alert">Alert</a></h3>
|
||||
<p>Launches an alert dialog with the specified title and message.</p>
|
||||
<a href="./alert">
|
||||
<h3>Alert</h3>
|
||||
<p>Launches an alert dialog with the specified title and message.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./animated">Animated</a></h3>
|
||||
<p>A library for creating fluid, powerful animations that are easy to build and maintain.</p>
|
||||
<a href="./animated">
|
||||
<h3>Animated</h3>
|
||||
<p>A library for creating fluid, powerful animations that are easy to build and maintain.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./clipboard">Clipboard</a></h3>
|
||||
<p>Provides an interface for setting and getting content from the clipboard on both iOS and Android.</p>
|
||||
<a href="./clipboard">
|
||||
<h3>Clipboard</h3>
|
||||
<p>Provides an interface for setting and getting content from the clipboard on both iOS and Android.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./dimensions">Dimensions</a></h3>
|
||||
<p>Provides an interface for getting device dimensions.</p>
|
||||
<a href="./dimensions">
|
||||
<h3>Dimensions</h3>
|
||||
<p>Provides an interface for getting device dimensions.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./keyboardavoidingview">KeyboardAvoidingView</a></h3>
|
||||
<p>Provides a view that moves out of the way of the virtual keyboard automatically.</p>
|
||||
<a href="./keyboardavoidingview">
|
||||
<h3>KeyboardAvoidingView</h3>
|
||||
<p>Provides a view that moves out of the way of the virtual keyboard automatically.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./linking">Linking</a></h3>
|
||||
<p>Provides a general interface to interact with both incoming and outgoing app links.</p>
|
||||
<a href="./linking">
|
||||
<h3>Linking</h3>
|
||||
<p>Provides a general interface to interact with both incoming and outgoing app links.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./modal">Modal</a></h3>
|
||||
<p>Provides a simple way to present content above an enclosing view.</p>
|
||||
<a href="./modal">
|
||||
<h3>Modal</h3>
|
||||
<p>Provides a simple way to present content above an enclosing view.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./pixelratio">PixelRatio</a></h3>
|
||||
<p>Provides access to the device pixel density.</p>
|
||||
<a href="./pixelratio">
|
||||
<h3>PixelRatio</h3>
|
||||
<p>Provides access to the device pixel density.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./refreshcontrol">RefreshControl</a></h3>
|
||||
<p>This component is used inside a <code>ScrollView</code> to add pull to refresh functionality.</p>
|
||||
<a href="./refreshcontrol">
|
||||
<h3>RefreshControl</h3>
|
||||
<p>This component is used inside a <code>ScrollView</code> to add pull to refresh functionality.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./statusbar">StatusBar</a></h3>
|
||||
<p>Component to control the app status bar.</p>
|
||||
<a href="./statusbar">
|
||||
<h3>StatusBar</h3>
|
||||
<p>Component to control the app status bar.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./webview">WebView</a></h3>
|
||||
<p>A component that renders web content in a native view.</p>
|
||||
<a href="./webview">
|
||||
<h3>WebView</h3>
|
||||
<p>A component that renders web content in a native view.</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</span></div></article></div><div class="docs-prevnext"><a class="docs-prev button" href="/react-native/docs/next/optimizing-flatlist-configuration"><span class="arrow-prev">← </span><span>Optimizing Flatlist Configuration</span></a><a class="docs-next button" href="/react-native/docs/next/platform-specific-code"><span>Platform Specific Code</span><span class="arrow-next"> →</span></a></div></div></div><nav class="onPageNav"><ul class="toc-headings"><li><a href="#basic-components">Basic Components</a></li><li><a href="#user-interface">User Interface</a></li><li><a href="#list-views">List Views</a></li><li><a href="#ios-components-and-apis">iOS Components and APIs</a></li><li><a href="#android-components-and-apis">Android Components and APIs</a></li><li><a href="#others">Others</a></li></ul></nav></div><footer class="nav-footer" id="footer"><section class="sitemap"><div><h5>Docs</h5><a href="/react-native/docs/getting-started.html">Getting Started</a><a href="/react-native/docs/tutorial.html">Tutorial</a><a href="/react-native/docs/components-and-apis.html">Components and APIs</a><a href="/react-native/docs/more-resources.html">More Resources</a></div><div><h5>Community</h5><a href="/react-native/help.html">The React Native Community</a><a href="/react-native/showcase.html">Who's using React Native?</a><a href="http://stackoverflow.com/questions/tagged/react-native" target="_blank">Ask Questions on Stack Overflow</a><a href="https://github.com/facebook/react-native/blob/master/CONTRIBUTING.md">Contributor Guide</a></div><div><h5>More Resources</h5><a href="/react-native/blog/">Blog</a><a href="https://twitter.com/reactnative" target="_blank">Twitter</a><a href="https://github.com/facebook/react-native" target="_blank">GitHub</a><a href="http://reactjs.org" target="_blank">React</a></div></section><a href="https://code.facebook.com/projects/" target="_blank" class="fbOpenSource"><img src="/react-native/img/oss_logo.png" alt="Facebook Open Source" width="170" height="45"/></a><section class="copyright">Copyright © 2019 Facebook Inc.</section></footer></div><script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.js"></script><script>window.fbAsyncInit = function() {FB.init({appId:'1677033832619985',xfbml:true,version:'v2.7'});};(function(d, s, id){var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) {return;}js = d.createElement(s); js.id = id;js.src = '//connect.facebook.net/en_US/sdk.js';fjs.parentNode.insertBefore(js, fjs);}(document, 'script','facebook-jssdk'));
|
||||
|
||||
@@ -84,188 +84,264 @@
|
||||
<p>Most apps will end up using one of these basic components. You'll want to get yourself familiarized with all of these if you're new to React Native.</p>
|
||||
<div class="component-grid component-grid-border">
|
||||
<div class="component">
|
||||
<h3><a href="./view">View</a></h3>
|
||||
<p>The most fundamental component for building a UI.</p>
|
||||
<a href="./view">
|
||||
<h3>View</h3>
|
||||
<p>The most fundamental component for building a UI.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./text">Text</a></h3>
|
||||
<p>A component for displaying text.</p>
|
||||
<a href="./text">
|
||||
<h3>Text</h3>
|
||||
<p>A component for displaying text.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./image">Image</a></h3>
|
||||
<p>A component for displaying images.</p>
|
||||
<a href="./image">
|
||||
<h3>Image</h3>
|
||||
<p>A component for displaying images.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./textinput">TextInput</a></h3>
|
||||
<p>A component for inputting text into the app via a keyboard.</p>
|
||||
<a href="./textinput">
|
||||
<h3>TextInput</h3>
|
||||
<p>A component for inputting text into the app via a keyboard.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./scrollview">ScrollView</a></h3>
|
||||
<p>Provides a scrolling container that can host multiple components and views.</p>
|
||||
<a href="./scrollview">
|
||||
<h3>ScrollView</h3>
|
||||
<p>Provides a scrolling container that can host multiple components and views.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./stylesheet">StyleSheet</a></h3>
|
||||
<p>Provides an abstraction layer similar to CSS stylesheets.</p>
|
||||
<a href="./stylesheet">
|
||||
<h3>StyleSheet</h3>
|
||||
<p>Provides an abstraction layer similar to CSS stylesheets.</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<h2><a class="anchor" aria-hidden="true" id="user-interface"></a><a href="#user-interface" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>User Interface</h2>
|
||||
<p>Render common user interface controls on any platform using the following components. For platform specific components, keep reading.</p>
|
||||
<div class="component-grid component-grid-border">
|
||||
<div class="component">
|
||||
<h3><a href="./button">Button</a></h3>
|
||||
<p>A basic button component for handling touches that should render nicely on any platform.</p>
|
||||
<a href="./button">
|
||||
<h3>Button</h3>
|
||||
<p>A basic button component for handling touches that should render nicely on any platform.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./picker">Picker</a></h3>
|
||||
<p>Renders the native picker component on iOS and Android.</p>
|
||||
<a href="./picker">
|
||||
<h3>Picker</h3>
|
||||
<p>Renders the native picker component on iOS and Android.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./slider">Slider</a></h3>
|
||||
<p>A component used to select a single value from a range of values.</p>
|
||||
<a href="./slider">
|
||||
<h3>Slider</h3>
|
||||
<p>A component used to select a single value from a range of values.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./switch">Switch</a></h3>
|
||||
<p>Renders a boolean input.</p>
|
||||
<a href="./switch">
|
||||
<h3>Switch</h3>
|
||||
<p>Renders a boolean input.</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<h2><a class="anchor" aria-hidden="true" id="list-views"></a><a href="#list-views" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>List Views</h2>
|
||||
<p>Unlike the more generic <code>ScrollView</code>, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.</p>
|
||||
<p>Unlike the more generic <a href="/react-native/docs/next/scrollview"><code>ScrollView</code></a>, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.</p>
|
||||
<div class="component-grid component-grid-border">
|
||||
<div class="component">
|
||||
<h3><a href="./flatlist">FlatList</a></h3>
|
||||
<p>A component for rendering performant scrollable lists.</p>
|
||||
<a href="./flatlist">
|
||||
<h3>FlatList</h3>
|
||||
<p>A component for rendering performant scrollable lists.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./sectionlist">SectionList</a></h3>
|
||||
<p>Like <code>FlatList</code>, but for sectioned lists.</p>
|
||||
<a href="./sectionlist">
|
||||
<h3>SectionList</h3>
|
||||
<p>Like <code>FlatList</code>, but for sectioned lists.</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<h2><a class="anchor" aria-hidden="true" id="ios-components-and-apis"></a><a href="#ios-components-and-apis" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>iOS Components and APIs</h2>
|
||||
<p>Many of the following components provide wrappers for commonly used UIKit classes.</p>
|
||||
<div class="component-grid component-grid-border">
|
||||
<div class="component">
|
||||
<h3><a href="./actionsheetios">ActionSheetIOS</a></h3>
|
||||
<p>API to display an iOS action sheet or share sheet.</p>
|
||||
<a href="./actionsheetios">
|
||||
<h3>ActionSheetIOS</h3>
|
||||
<p>API to display an iOS action sheet or share sheet.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./alertios">AlertIOS</a></h3>
|
||||
<p>Create an iOS alert dialog with a message or create a prompt for user input.</p>
|
||||
<a href="./alertios">
|
||||
<h3>AlertIOS</h3>
|
||||
<p>Create an iOS alert dialog with a message or create a prompt for user input.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./datepickerios">DatePickerIOS</a></h3>
|
||||
<p>Renders a date/time picker (selector) on iOS.</p>
|
||||
<a href="./datepickerios">
|
||||
<h3>DatePickerIOS</h3>
|
||||
<p>Renders a date/time picker (selector) on iOS.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./imagepickerios">ImagePickerIOS</a></h3>
|
||||
<p>Renders a image picker on iOS.</p>
|
||||
<a href="./imagepickerios">
|
||||
<h3>ImagePickerIOS</h3>
|
||||
<p>Renders a image picker on iOS.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./progressviewios">ProgressViewIOS</a></h3>
|
||||
<p>Renders a <code>UIProgressView</a></code> on iOS.</p>
|
||||
<a href="./progressviewios">
|
||||
<h3>ProgressViewIOS</h3>
|
||||
<p>Renders a <code>UIProgressView</code> on iOS.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./pushnotificationios">PushNotificationIOS</a></h3>
|
||||
<p>Handle push notifications for your app, including permission handling and icon badge number.</p>
|
||||
<a href="./pushnotificationios">
|
||||
<h3>PushNotificationIOS</h3>
|
||||
<p>Handle push notifications for your app, including permission handling and icon badge number.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./segmentedcontrolios">SegmentedControlIOS</a></h3>
|
||||
<p>Renders a <code>UISegmentedControl</code> on iOS.</p>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./tabbarios">TabBarIOS</a></h3>
|
||||
<p>Renders a <code>UITabViewController</code> on iOS. Use with <a href="./tabbarios-item">TabBarIOS.Item</a>.</p>
|
||||
<a href="./segmentedcontrolios">
|
||||
<h3>SegmentedControlIOS</h3>
|
||||
<p>Renders a <code>UISegmentedControl</code> on iOS.</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<h2><a class="anchor" aria-hidden="true" id="android-components-and-apis"></a><a href="#android-components-and-apis" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>Android Components and APIs</h2>
|
||||
<p>Many of the following components provide wrappers for commonly used Android classes.</p>
|
||||
<div class="component-grid component-grid-border">
|
||||
<div class="component">
|
||||
<h3><a href="./backhandler">BackHandler</a></h3>
|
||||
<p>Detect hardware button presses for back navigation.</p>
|
||||
<a href="./backhandler">
|
||||
<h3>BackHandler</a></h3>
|
||||
<p>Detect hardware button presses for back navigation.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./datepickerandroid">DatePickerAndroid</a></h3>
|
||||
<p>Opens the standard Android date picker dialog.</p>
|
||||
<a href="./datepickerandroid">
|
||||
<h3>DatePickerAndroid</h3>
|
||||
<p>Opens the standard Android date picker dialog.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./drawerlayoutandroid">DrawerLayoutAndroid</a></h3>
|
||||
<p>Renders a <code>DrawerLayout</code> on Android.</p>
|
||||
<a href="./drawerlayoutandroid">
|
||||
<h3>DrawerLayoutAndroid</h3>
|
||||
<p>Renders a <code>DrawerLayout</code> on Android.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./permissionsandroid">PermissionsAndroid</a></h3>
|
||||
<p>Provides access to the permissions model introduced in Android M.</p>
|
||||
<a href="./permissionsandroid">
|
||||
<h3>PermissionsAndroid</a></h3>
|
||||
<p>Provides access to the permissions model introduced in Android M.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./progressbarandroid">ProgressBarAndroid</a></h3>
|
||||
<p>Renders a <code>ProgressBar</code> on Android.</p>
|
||||
<a href="./progressbarandroid">
|
||||
<h3>ProgressBarAndroid</h3>
|
||||
<p>Renders a <code>ProgressBar</code> on Android.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./timepickerandroid">TimePickerAndroid</a></h3>
|
||||
<p>Opens the standard Android time picker dialog.</p>
|
||||
<a href="./timepickerandroid">
|
||||
<h3>TimePickerAndroid</h3>
|
||||
<p>Opens the standard Android time picker dialog.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./toastandroid">ToastAndroid</a></h3>
|
||||
<p>Create an Android Toast alert.</p>
|
||||
<a href="./toastandroid">
|
||||
<h3>ToastAndroid</h3>
|
||||
<p>Create an Android Toast alert.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./toolbarandroid">ToolbarAndroid</a></h3>
|
||||
<p>Renders a <code>Toolbar</code> on Android.</p>
|
||||
<a href="./toolbarandroid">
|
||||
<h3>ToolbarAndroid</h3>
|
||||
<p>Renders a <code>Toolbar</code> on Android.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./viewpagerandroid">ViewPagerAndroid</a></h3>
|
||||
<p>Container that allows to flip left and right between child views.</p>
|
||||
<a href="./viewpagerandroid">
|
||||
<h3>ViewPagerAndroid</h3>
|
||||
<p>Container that allows to flip left and right between child views.</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<h2><a class="anchor" aria-hidden="true" id="others"></a><a href="#others" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>Others</h2>
|
||||
<p>These components may come in handy for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left.</p>
|
||||
<div class="component-grid">
|
||||
<div class="component">
|
||||
<h3><a href="./activityindicator">ActivityIndicator</a></h3>
|
||||
<p>Displays a circular loading indicator.</p>
|
||||
<a href="./activityindicator">
|
||||
<h3>ActivityIndicator</h3>
|
||||
<p>Displays a circular loading indicator.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./alert">Alert</a></h3>
|
||||
<p>Launches an alert dialog with the specified title and message.</p>
|
||||
<a href="./alert">
|
||||
<h3>Alert</h3>
|
||||
<p>Launches an alert dialog with the specified title and message.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./animated">Animated</a></h3>
|
||||
<p>A library for creating fluid, powerful animations that are easy to build and maintain.</p>
|
||||
<a href="./animated">
|
||||
<h3>Animated</h3>
|
||||
<p>A library for creating fluid, powerful animations that are easy to build and maintain.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./clipboard">Clipboard</a></h3>
|
||||
<p>Provides an interface for setting and getting content from the clipboard on both iOS and Android.</p>
|
||||
<a href="./clipboard">
|
||||
<h3>Clipboard</h3>
|
||||
<p>Provides an interface for setting and getting content from the clipboard on both iOS and Android.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./dimensions">Dimensions</a></h3>
|
||||
<p>Provides an interface for getting device dimensions.</p>
|
||||
<a href="./dimensions">
|
||||
<h3>Dimensions</h3>
|
||||
<p>Provides an interface for getting device dimensions.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./keyboardavoidingview">KeyboardAvoidingView</a></h3>
|
||||
<p>Provides a view that moves out of the way of the virtual keyboard automatically.</p>
|
||||
<a href="./keyboardavoidingview">
|
||||
<h3>KeyboardAvoidingView</h3>
|
||||
<p>Provides a view that moves out of the way of the virtual keyboard automatically.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./linking">Linking</a></h3>
|
||||
<p>Provides a general interface to interact with both incoming and outgoing app links.</p>
|
||||
<a href="./linking">
|
||||
<h3>Linking</h3>
|
||||
<p>Provides a general interface to interact with both incoming and outgoing app links.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./modal">Modal</a></h3>
|
||||
<p>Provides a simple way to present content above an enclosing view.</p>
|
||||
<a href="./modal">
|
||||
<h3>Modal</h3>
|
||||
<p>Provides a simple way to present content above an enclosing view.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./pixelratio">PixelRatio</a></h3>
|
||||
<p>Provides access to the device pixel density.</p>
|
||||
<a href="./pixelratio">
|
||||
<h3>PixelRatio</h3>
|
||||
<p>Provides access to the device pixel density.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./refreshcontrol">RefreshControl</a></h3>
|
||||
<p>This component is used inside a <code>ScrollView</code> to add pull to refresh functionality.</p>
|
||||
<a href="./refreshcontrol">
|
||||
<h3>RefreshControl</h3>
|
||||
<p>This component is used inside a <code>ScrollView</code> to add pull to refresh functionality.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./statusbar">StatusBar</a></h3>
|
||||
<p>Component to control the app status bar.</p>
|
||||
<a href="./statusbar">
|
||||
<h3>StatusBar</h3>
|
||||
<p>Component to control the app status bar.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component">
|
||||
<h3><a href="./webview">WebView</a></h3>
|
||||
<p>A component that renders web content in a native view.</p>
|
||||
<a href="./webview">
|
||||
<h3>WebView</h3>
|
||||
<p>A component that renders web content in a native view.</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</span></div></article></div><div class="docs-prevnext"><a class="docs-prev button" href="/react-native/docs/next/optimizing-flatlist-configuration"><span class="arrow-prev">← </span><span>Optimizing Flatlist Configuration</span></a><a class="docs-next button" href="/react-native/docs/next/platform-specific-code"><span>Platform Specific Code</span><span class="arrow-next"> →</span></a></div></div></div><nav class="onPageNav"><ul class="toc-headings"><li><a href="#basic-components">Basic Components</a></li><li><a href="#user-interface">User Interface</a></li><li><a href="#list-views">List Views</a></li><li><a href="#ios-components-and-apis">iOS Components and APIs</a></li><li><a href="#android-components-and-apis">Android Components and APIs</a></li><li><a href="#others">Others</a></li></ul></nav></div><footer class="nav-footer" id="footer"><section class="sitemap"><div><h5>Docs</h5><a href="/react-native/docs/getting-started.html">Getting Started</a><a href="/react-native/docs/tutorial.html">Tutorial</a><a href="/react-native/docs/components-and-apis.html">Components and APIs</a><a href="/react-native/docs/more-resources.html">More Resources</a></div><div><h5>Community</h5><a href="/react-native/help.html">The React Native Community</a><a href="/react-native/showcase.html">Who's using React Native?</a><a href="http://stackoverflow.com/questions/tagged/react-native" target="_blank">Ask Questions on Stack Overflow</a><a href="https://github.com/facebook/react-native/blob/master/CONTRIBUTING.md">Contributor Guide</a></div><div><h5>More Resources</h5><a href="/react-native/blog/">Blog</a><a href="https://twitter.com/reactnative" target="_blank">Twitter</a><a href="https://github.com/facebook/react-native" target="_blank">GitHub</a><a href="http://reactjs.org" target="_blank">React</a></div></section><a href="https://code.facebook.com/projects/" target="_blank" class="fbOpenSource"><img src="/react-native/img/oss_logo.png" alt="Facebook Open Source" width="170" height="45"/></a><section class="copyright">Copyright © 2019 Facebook Inc.</section></footer></div><script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.js"></script><script>window.fbAsyncInit = function() {FB.init({appId:'1677033832619985',xfbml:true,version:'v2.7'});};(function(d, s, id){var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) {return;}js = d.createElement(s); js.id = id;js.src = '//connect.facebook.net/en_US/sdk.js';fjs.parentNode.insertBefore(js, fjs);}(document, 'script','facebook-jssdk'));
|
||||
|
||||
Reference in New Issue
Block a user