kylefang/react-native
1
0
Fork 0
mirror of https://github.com/zhigang1992/react-native.git synced 2026-03-30 17:33:21 +08:00
Code Issues Packages Projects Releases Wiki Activity

line break mode for ios

Browse Source 
Summary:
What do you think is ```lineBreakMode``` a good name? For android it is called ```ellipsize```.

<img src="https://cloud.githubusercontent.com/assets/1488195/15628555/7372f8d0-250c-11e6-8919-722f28a38d60.png"" width="300" />
Closes https://github.com/facebook/react-native/pull/7819

Differential Revision: D3417256

fbshipit-source-id: 189441a23ff554bf7f6d67fa8510959351e9e5cc
This commit is contained in:
Sokovikov
2016-06-10 04:26:45 -07:00
committed by Facebook Github Bot 3
parent 33dfc9db92
commit c03b166854
9 changed files with 70 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
Examples/UIExplorer/TextExample.android.js
View File

@@ -388,6 +388,17 @@ var TextExample = React.createClass({
Demo text shadow
</Text>
</UIExplorerBlock>
<UIExplorerBlock title="Line break mode">
<Text numberOfLines={1}>
This very long text should be truncated with dots in the end.
</Text>
<Text lineBreakMode="middle" numberOfLines={1}>
This very long text should be truncated with dots in the middle.
</Text>
<Text lineBreakMode="head" numberOfLines={1}>
This very long text should be truncated with dots in the beginning.
</Text>
</UIExplorerBlock>
</UIExplorerPage>
);
}