From 443c7dbbf14d97d51ec3b037c5220769cb511ec3 Mon Sep 17 00:00:00 2001 From: Website Deployment Script Date: Thu, 17 Mar 2016 20:38:32 +0000 Subject: [PATCH] Updated docs for next --- releases/next/docs/image.html | 2 +- releases/next/docs/text.html | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/releases/next/docs/image.html b/releases/next/docs/image.html index 9accb93c765..27ee7630b6c 100644 --- a/releases/next/docs/image.html +++ b/releases/next/docs/image.html @@ -33,7 +33,7 @@ as the background.

For details of how this works under the hood, see http://frescolib.org/docs/rounded-corners-and-circles.html

iostintColor color

iOS-Specific style to "tint" an image. Changes the color of all the non-transparent pixels to the tintColor.

testID string #

A unique identifier for this element to be used in UI Automation testing scripts.

iosaccessibilityLabel string #

The text that's read by the screen reader when the user interacts with -the image.

iosaccessible bool #

When true, indicates the image is an accessibility element.

ioscapInsets {top: number, left: number, bottom: number, right: number} #

When the image is resized, the corners of the size specified +the image.

iosaccessible bool #

When true, indicates the image is an accessibility element.

iosblurRadius number #

blurRadius: the blur radius of the blur filter added to the image

ioscapInsets {top: number, left: number, bottom: number, right: number} #

When the image is resized, the corners of the size specified by capInsets will stay a fixed size, but the center content and borders of the image will be stretched. This is useful for creating resizable rounded buttons, shadows, and other resizable assets. More info on diff --git a/releases/next/docs/text.html b/releases/next/docs/text.html index a24fd7382e5..c577b141158 100644 --- a/releases/next/docs/text.html +++ b/releases/next/docs/text.html @@ -27,7 +27,7 @@ each other on account of the literal newlines:

onLayout function #

Invoked on mount and layout changes with

{nativeEvent: {layout: {x, y, width, height}}}

onPress function #

This function is called on press.

style style #

View#style...
color color
fontFamily string
fontSize number
fontStyle enum('normal', 'italic')
fontWeight enum('normal', 'bold', '100', '200', '300', '400', '500', '600', '700', '800', '900')

Specifies font weight. The values 'normal' and 'bold' are supported for most fonts. Not all fonts have a variant for each of the numeric values, -in that case the closest one is chosen.

lineHeight number
textAlign enum('auto', 'left', 'right', 'center', 'justify')

Specifies text alignment. The value 'justify' is only supported on iOS.

textShadowColor color
textShadowOffset {width: number, height: number}
textShadowRadius number
androidtextAlignVertical enum('auto', 'top', 'bottom', 'center')
iosletterSpacing number
ioslineBreakMode enum('clipping', 'word-wrapping', 'char-wrapping', 'truncating-head', 'truncating-middle', 'truncating-tail')
iostextDecorationColor color
iostextDecorationLine enum('none', 'underline', 'line-through', 'underline line-through')
iostextDecorationStyle enum('solid', 'double', 'dotted', 'dashed')
ioswritingDirection enum('auto', 'ltr', 'rtl')

testID string #

Used to locate this view in end-to-end tests.

iosallowFontScaling bool #

Specifies should fonts scale to respect Text Size accessibility setting on iOS.

iossuppressHighlighting bool #

When true, no visual change is made when text is pressed down. By +in that case the closest one is chosen.

lineHeight number
textAlign enum('auto', 'left', 'right', 'center', 'justify')

Specifies text alignment. The value 'justify' is only supported on iOS.

textShadowColor color
textShadowOffset {width: number, height: number}
textShadowRadius number
androidtextAlignVertical enum('auto', 'top', 'bottom', 'center')
iosletterSpacing number
iostextDecorationColor color
iostextDecorationLine enum('none', 'underline', 'line-through', 'underline line-through')
iostextDecorationStyle enum('solid', 'double', 'dotted', 'dashed')
ioswritingDirection enum('auto', 'ltr', 'rtl')

testID string #

Used to locate this view in end-to-end tests.

iosallowFontScaling bool #

Specifies should fonts scale to respect Text Size accessibility setting on iOS.

iossuppressHighlighting bool #

When true, no visual change is made when text is pressed down. By default, a gray oval highlights the text on press down.

Description #

Edit on GitHub

Nested Text #

In iOS, the way to display formatted text is by using NSAttributedString: you give the text that you want to display and annotate ranges with some specific formatting. In practice, this is very tedious. For React Native, we decided to use web paradigm for this where you can nest text to achieve the same effect.

<Text style={{fontWeight: 'bold'}}> I am bold <Text style={{color: 'red'}}>