From 8dd16e4e5888015391b6364c806a1934c085ce3e Mon Sep 17 00:00:00 2001 From: Website Deployment Script Date: Tue, 9 Aug 2016 18:12:48 +0000 Subject: [PATCH] Updated docs for next --- releases/next/docs/alert.html | 17 ++++++++++++- releases/next/docs/geolocation.html | 2 +- releases/next/docs/images.html | 2 +- releases/next/docs/text.html | 37 ++++++++++++++++++++++++++++- 4 files changed, 54 insertions(+), 4 deletions(-) diff --git a/releases/next/docs/alert.html b/releases/next/docs/alert.html index 50f48744fe5..f9b9c1faf50 100644 --- a/releases/next/docs/alert.html +++ b/releases/next/docs/alert.html @@ -13,7 +13,7 @@ of a neutral, negative and a positive button:

The default is tail.

numberOfLines must be set in conjunction with this prop.

clip is working only for iOS

numberOfLines number #

Used to truncate the text with an ellipsis after computing the text layout, including line wrapping, such that the total number of lines -does not exceed this number.

This prop is commonly used with ellipsizeMode.

onLayout function #

Invoked on mount and layout changes with

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

onLongPress function #

This function is called on long press.

e.g., `onLongPress={this.increaseSize}>``

onPress function #

This function is called on press.

e.g., `onPress={() => console.log('1st')}``

style style #

View#style...
color color
fontFamily ReactPropTypes.string
fontSize ReactPropTypes.number
fontStyle ReactPropTypes.oneOf(['normal', 'italic'])
fontWeight ReactPropTypes.oneOf( +does not exceed this number.

This prop is commonly used with ellipsizeMode.

onLayout function #

Invoked on mount and layout changes with

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

onLongPress function #

This function is called on long press.

e.g., `onLongPress={this.increaseSize}>``

onPress function #

This function is called on press.

e.g., `onPress={() => console.log('1st')}``

style style #

View#style...
color color
fontFamily ReactPropTypes.string
fontSize ReactPropTypes.number
fontStyle ReactPropTypes.oneOf(['normal', 'italic'])
fontVariant ReactPropTypes.arrayOf( + ReactPropTypes.oneOf([ + 'small-caps', + 'oldstyle-nums', + 'lining-nums', + 'tabular-nums', + 'proportional-nums', + ]) + )
fontWeight ReactPropTypes.oneOf( ['normal' /*default*/, 'bold', '100', '200', '300', '400', '500', '600', '700', '800', '900'] )

Specifies font weight. The values 'normal' and 'bold' are supported for @@ -582,6 +590,33 @@ exports.examples /View> ); }, +}, { + title: 'Font variants', + render: function() { + return ( + <View> + <Text style={{fontVariant: ['small-caps']}}> + Small Caps{'\n'} + </Text> + <Text style={{fontFamily: 'Hoefler Text', fontVariant: ['oldstyle-nums']}}> + Old Style nums 0123456789{'\n'} + </Text> + <Text style={{fontFamily: 'Hoefler Text', fontVariant: ['lining-nums']}}> + Lining nums 0123456789{'\n'} + </Text> + <Text style={{fontVariant: ['tabular-nums']}}> + Tabular nums{'\n'} + 1111{'\n'} + 2222{'\n'} + </Text> + <Text style={{fontVariant: ['proportional-nums']}}> + Proportional nums{'\n'} + 1111{'\n'} + 2222{'\n'} + </Text> + </View> + ); + }, }]; var styles = StyleSheet.create({