From 0af64917bb618d8d6fa2be1778b4951cbe8fb982 Mon Sep 17 00:00:00 2001 From: Website Deployment Script Date: Fri, 27 May 2016 17:50:53 +0000 Subject: [PATCH] Updated docs for next --- releases/next/docs/text.html | 11 +++-------- 1 file changed, 3 insertions(+), 8 deletions(-) diff --git a/releases/next/docs/text.html b/releases/next/docs/text.html index 15647cdc46b..515524ca4bb 100644 --- a/releases/next/docs/text.html +++ b/releases/next/docs/text.html @@ -36,11 +36,7 @@ default, a gray oval highlights the text on press down.

/Text> </Text>

Behind the scenes, React Native converts this to a flat NSAttributedString or SpannableString that contains the following information:

"I am bold and red" 0-9: bold -9-17: bold, red

Nested Views (iOS Only) #

On iOS, you can nest views within your Text component. Here's an example:

<Text> - There is a blue square - <View style={{width: 50, height: 50, backgroundColor: 'steelblue'}} /> - in between my text. -</Text>

In order to use this feature, you must give the view a width and a height.

Containers #

The <Text> element is special relative to layout: everything inside is no longer using the flexbox layout but using text layout. This means that elements inside of a <Text> are no longer rectangles, but wrap when they see the end of the line.

<Text> +9-17: bold, red

Containers #

The <Text> element is special relative to layout: everything inside is no longer using the flexbox layout but using text layout. This means that elements inside of a <Text> are no longer rectangles, but wrap when they see the end of the line.

<Text> <Text>First part and </Text> <Text>second part</Text> </Text> @@ -481,13 +477,12 @@ exports.examples ); }, }, { - title: 'Inline views', + title: 'Inline images', render: function() { return ( <View> <Text> - This text contains an inline blue view <View style={{width: 25, height: 25, backgroundColor: 'steelblue'}} /> and - an inline image <Image source={require('./flux.png')} style={{width: 30, height: 11, resizeMode: 'cover'}}/>. Neat, huh? + This text contains an inline image <Image source={require('./flux.png')} style={{width: 30, height: 11, resizeMode: 'cover'}}/>. Neat, huh? </Text> </View> );