React NativeGetting Started on Linux # | Edit on GitHub |
This guide is essentially a beginner-friendly version of the Getting Started page for React Native on Linux.
Prerequisites #
For the purposes of this guide, we assume that you're working on Ubuntu Linux 14.04 LTS.
Before following this guide, you should have installed the Android SDK and run a successful Java-based "Hello World" app for Android.
See Android Setup for details.
Installing NodeJS #
The first thing you need to do is to install NodeJS, a popular Javascript implementation.
Fire up the Terminal and paste the following commands to install NodeJS from the NodeSource repository:
Getting Started on Linux # | Edit on GitHub |
This guide is essentially a beginner-friendly version of the Getting Started page for React Native on Linux.
Prerequisites #
For the purposes of this guide, we assume that you're working on Ubuntu Linux 14.04 LTS.
Before following this guide, you should have installed the Android SDK and run a successful Java-based "Hello World" app for Android.
See Android Setup for details.
Installing NodeJS #
The first thing you need to do is to install NodeJS, a popular Javascript implementation.
Fire up the Terminal and type the following commands to install NodeJS from the NodeSource repository:
NOTE: The above instructions are for Ubuntu. If you're on a different distro, please follow the instructions on the NodeJS website.
Installing Watchman #
watchman is a tool by Facebook for watching changes in the filesystem. You need to install it for better performance and avoid a node file-watching bug.
Paste the following into your terminal to compile watchman from source and install it:
NOTE: The above instructions are for Ubuntu. If you're on a different distro, please follow the instructions on the NodeJS website.
Installing Watchman #
watchman is a tool by Facebook for watching changes in the filesystem. You need to install it for better performance and avoid a node file-watching bug.
Type the following into your terminal to compile watchman from source and install it:
NOTE: The above apt-get install line is for Ubuntu/Debian only. You might need to install required dependencies differently on other distributions.
Installing Flow #
Flow is a static type checker for JavaScript. To install it, paste the following in the terminal:
Setting up an Android Device #
Let's set up an Android device to run our starter project.
First thing is to plug in your device and check the manufacturer code by using lsusb, which should output something like this:
NOTE: The above apt-get install line is for Ubuntu/Debian only. You might need to install required dependencies differently on other distributions.
Installing Flow #
Flow is a static type checker for JavaScript. To install it, type the following in the terminal:
Setting up an Android Device #
Let's set up an Android device to run our starter project.
First thing is to plug in your device and check the manufacturer code by using lsusb, which should output something like this:
TabBarIOS.Item # | Edit on GitHub |
Props #
badge string, number #
Little red bubble that sits at the top right of the icon.
icon Image.propTypes.source #
A custom icon for the tab. It is ignored when a system icon is defined.
onPress function #
Callback when this tab is being selected, you should change the state of your -component to set selected={true}.
selected bool #
It specifies whether the children are visible or not. If you see a +component to set selected={true}.
renderAsOriginal bool #
If set to true it renders the image as original, +it defaults to being displayed as a template
selected bool #
It specifies whether the children are visible or not. If you see a blank content, you probably forgot to add a selected one.
selectedIcon Image.propTypes.source #
A custom icon when the tab is selected. It is ignored when a system icon is defined. If left empty, the icon will be tinted in blue.
style View#style #
React style object.
systemIcon enum('bookmarks', 'contacts', 'downloads', 'favorites', 'featured', 'history', 'more', 'most-recent', 'most-viewed', 'recents', 'search', 'top-rated') #
Items comes with a few predefined system icons. Note that if you are using them, the title and selectedIcon will be overridden with the diff --git a/releases/next/docs/tabbarios.html b/releases/next/docs/tabbarios.html index d19322aa601..e6ca86bee68 100644 --- a/releases/next/docs/tabbarios.html +++ b/releases/next/docs/tabbarios.html @@ -1,4 +1,4 @@ -
TabBarIOS # | Edit on GitHub |
Props #
style View#style #
translucent bool #
A Boolean value that indicates whether the tab bar is translucent
Examples # | Edit on GitHub |
TabBarIOS # | Edit on GitHub |
Props #
Examples # | Edit on GitHub |