mirror of
https://github.com/status-im/react-native.git
synced 2025-02-04 21:53:30 +00:00
[ReactNative] Fix ExpandingText prop types
This commit is contained in:
parent
78d03b89b7
commit
e979f2324a
@ -20,39 +20,49 @@ var styles = StyleSheet.create({
|
|||||||
});
|
});
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* <ExpandingText> - A react component for displaying text which supports truncating
|
* A react component for displaying text which supports truncating
|
||||||
* based on a set truncLength. In the following example, the text will truncate
|
* based on a set truncLength.
|
||||||
|
*
|
||||||
|
* In the following example, the text will truncate
|
||||||
* to show only the first 17 characters plus '...' with a See More button to
|
* to show only the first 17 characters plus '...' with a See More button to
|
||||||
* expand the text to its full length
|
* expand the text to its full length.
|
||||||
*
|
*
|
||||||
* renderText: function() {
|
* ```
|
||||||
* return <ExpandingText truncLength={20} text={EXAMPLE_TEXT} />;
|
* render: function() {
|
||||||
* },
|
* return <ExpandingText truncLength={20} text={EXAMPLE_TEXT} />;
|
||||||
*
|
* },
|
||||||
* More example code in `ExpandingTextExample.js`
|
* ```
|
||||||
*/
|
*/
|
||||||
var ExpandingText = React.createClass({
|
var ExpandingText = React.createClass({
|
||||||
PropTypes: {
|
propTypes: {
|
||||||
/**
|
/**
|
||||||
* Text to be displayed. Text will be truncated if the character length
|
* Text to be displayed. It will be truncated if the character length
|
||||||
* is greater than the truncLength property.
|
* is greater than the `truncLength` property.
|
||||||
*/
|
*/
|
||||||
text: React.PropTypes.string.isRequired,
|
text: React.PropTypes.string,
|
||||||
/**
|
/**
|
||||||
* The styles that will be applied to the text (both truncated and expanded).
|
* The styles that will be applied to the text (both truncated and
|
||||||
|
* expanded).
|
||||||
*/
|
*/
|
||||||
textStyle: Text.stylePropType,
|
textStyle: Text.propTypes.style,
|
||||||
/**
|
/**
|
||||||
* The styles that will be applied to the See More button
|
* The styles that will be applied to the See More button. Default
|
||||||
|
* is bold.
|
||||||
*/
|
*/
|
||||||
seeMoreStyle: Text.stylePropType,
|
seeMoreStyle: Text.propTypes.style,
|
||||||
|
/**
|
||||||
|
* The caption that will be appended at the end, by default it is
|
||||||
|
* `'See More'`.
|
||||||
|
*/
|
||||||
|
seeMoreText: React.PropTypes.string,
|
||||||
/**
|
/**
|
||||||
* The maximum character length for the text that will
|
* The maximum character length for the text that will
|
||||||
* be displayed by default. Note that ... will be
|
* be displayed by default. Note that ... will be
|
||||||
* appended to the truncated text which is counted towards
|
* appended to the truncated text which is counted towards
|
||||||
* the total truncLength of the default displayed string
|
* the total truncLength of the default displayed string.
|
||||||
|
* The default is 130.
|
||||||
*/
|
*/
|
||||||
truncLength: React.PropTypes.number
|
truncLength: React.PropTypes.number,
|
||||||
},
|
},
|
||||||
|
|
||||||
getDefaultProps: function() {
|
getDefaultProps: function() {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user