From 1ba64dec5abe4ae7769fde316e03ffc992619e87 Mon Sep 17 00:00:00 2001 From: Website Deployment Script Date: Fri, 4 Nov 2016 14:05:24 +0000 Subject: [PATCH] Updated docs for next --- releases/next/docs/style.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/releases/next/docs/style.html b/releases/next/docs/style.html index 87a496e62ce..9c0f4fac2df 100644 --- a/releases/next/docs/style.html +++ b/releases/next/docs/style.html @@ -1,4 +1,4 @@ -Style
React Nativenext

The Basics

Guides

Guides (iOS)

Guides (Android)

components

apis

Style #

With React Native, you don't use a special language or syntax for defining styles. You just style your application using JavaScript. All of the core components accept a prop named style. The style names and values usually match how CSS works on the web, except names are written like backgroundColor instead of like background-color.

The style prop can be a plain old JavaScript object. That's the simplest and what we usually use for example code. You can also pass an array of styles - the last style in the array has precedence, so you can use this to inherit styles.

As a component grows in complexity, it is often cleaner to use StyleSheet.create to define several styles in one place. Here's an example:

import React, { Component } from 'react'; +Style
React Nativenext

The Basics

Guides

Guides (iOS)

Guides (Android)

components

apis

Style #

With React Native, you don't use a special language or syntax for defining styles. You just style your application using JavaScript. All of the core components accept a prop named style. The style names and values usually match how CSS works on the web, except names are written using camel casing, e.g backgroundColor rather than background-color.

The style prop can be a plain old JavaScript object. That's the simplest and what we usually use for example code. You can also pass an array of styles - the last style in the array has precedence, so you can use this to inherit styles.

As a component grows in complexity, it is often cleaner to use StyleSheet.create to define several styles in one place. Here's an example:

import React, { Component } from 'react'; import { AppRegistry, StyleSheet, Text, View } from 'react-native'; class LotsOfStyles extends Component {