2016-05-01 2 views
10

Я использую реагировать родной с ограниченным числом линий, которые показаны как «...» используяРеагировать родной определить, когда текст обрезается

<Text numberOfLines={4}> {myText} </Text>

Теперь мой вопрос, если текст отключен. Я хотел бы показать ему какое-то особое изображение, чтобы перейти к новому представлению. Мне интересно, есть ли свойство, которое я могу использовать, чтобы проверить, отключен ли текст?

ответ

1

Компонент Текст имеет событие onPress, которое можно обрабатывать для перехода к другой сцене. Чтобы включить навигацию, компонент, содержащий текст, должен быть помещен в компонент NavigationIOS. Текстовый компонент также имеет свойство ellipsizeMode, которое помещает «...» в хвост.

<Text 
    numberOfLines={4} 
    ellipsizeMode="tail" 
    onPress={(e) => this.props.navigator.push({component: Detail})} 
> 
    {myText} 
</Text> 
3

У этого объекта недвижимости нет (сейчас).

Здесь есть запрос функции: https://github.com/facebook/react-native/issues/2496 (также некоторые предложения о том, как вы можете заставить его работать, но ссылки на реализацию не работают).

Вы можете измерить пространство, занимаемое определенным количеством линий, а затем обработать его самостоятельно? Но не идеально.

Смежные вопросы