2016-05-01 13 views
10

używam reagować natywne z ograniczoną liczbą linii, które są pokazane jako „...” używającReact rodzimy określić, kiedy tekst jest odcięty

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

Teraz mój problem jest, jeżeli tekst jest odcięty Chciałbym pokazać mu jakiś specjalny obraz, aby przejść do nowego widoku. Zastanawiam się, czy istnieje właściwość, której mogę użyć do sprawdzenia, czy tekst jest odcięty?

Odpowiedz

1

Komponent Tekst ma zdarzenie onPress, które można obsłużyć w celu przejścia do innej sceny. Aby włączyć nawigację, komponent mający tekst powinien zostać umieszczony w komponencie NavigationIOS. Komponent tekstowy ma również właściwość ellipsizeMode, która umieszcza "..." na ogonie.

3

Obecnie nie istnieje właściwość (niestety).

Istnieje żądanie funkcji tutaj: https://github.com/facebook/react-native/issues/2496 (również kilka sugestii, jak można go uruchomić, ale linki implementacyjne są wyłączone).

Można zmierzyć miejsce zajmowane przez określoną liczbę linii, a następnie obsłużyć go samodzielnie? Ale nie idealny.

Powiązane problemy