我正在尝试 chop 我的响应式(Reactive)应用程序中的文本。我决定使用“ellipsizeMode”属性,但我无法让它工作。
我写了一个问题的演示:
'use strict';
import React, { Component } from 'react';
import {
StyleSheet,
Text,
View,
} from 'react-native';
export class EllipsizeModeTest extends Component {
render() {
return (
<View style={styles.container}>
<Text style={styles.text}>{'first part | '}</Text>
<Text style={styles.text} numberOfLines={1} ellipsizeMode={'tail'}>
{'a text too long to be displayed on the screen'}
</Text>
</View>
);
}
}
const styles = StyleSheet.create({
container: {
flexDirection: 'row',
},
text: {
fontSize: 20,
}
});
现在文本不会被 chop ,知道为什么吗?
最佳答案
我有同样的问题,将元素的大小绑定(bind)到一个值就足够了。所以如果你定义宽度,或者添加一个弹性值就可以了。
<View style={{width: 200}}><Text ellipsizeMode='tail' numberOfLines={1}></View>
关于javascript - react native : can't get ellipsizeMode to work,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39931907/