Reagieren nativer bestimmen, wenn der Text abgeschnitten wird

Question

ich mit einer begrenzten Anzahl von Linien reagieren-native verwenden, wie hier dargestellt sind ‚...‘

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

mit

Nun meinem Problem ist, wenn die Text ist abgeschnitten Ich möchte ihm ein spezielles Bild zeigen, um zu einer neuen Ansicht zu navigieren. Ich frage mich, ob es eine Eigenschaft gibt, die ich verwenden kann, um zu testen, ob der Text abgeschnitten wird?

Answer 1

Die Text-Komponente verfügt über ein onPress-Ereignis, das zur Navigation zu einer anderen Szene verwendet werden kann. Um die Navigation zu ermöglichen, sollte die Komponente mit dem Text in der NavigationIOS-Komponente platziert werden. Die Textkomponente hat auch die Eigenschaft ellipsizeMode, die "..." am Ende platziert.

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

Answer 2

Momentan gibt es (leider) keine Eigenschaft für dieses Objekt.

Es gibt eine Funktion Anfrage hier: https://github.com/facebook/react-native/issues/2496 (auch einige Vorschläge, wie Sie es zum Laufen bringen konnten, aber die Implementierung Links sind).

Sie könnten den von einer bestimmten Anzahl von Zeilen belegten Platz messen und dann selbst verwalten? Aber nicht ideal.